javascript - 除了 span jQuery，如何隐藏 p 标签内的所有内容？

Question

我有一个 <p>我需要隐藏文本的标签。还有一个 <span>在<p>里面其中我不想隐藏这段文字。这是否可以在不使用 jQuery 更改标记的情况下完成？

fiddle :http://jsfiddle.net/ghogdc0x/2/

html:

<p class="class">
    <span>Text not to hide</span>
    <br>
    Text to hide
</p>

Answer 1

您可以使用 css 可见性属性:

$('.class').css('visibility', 'hidden');
$('.class').children().css('visibility', 'visible');

Here is a working codepen

然后您可以通过执行以下操作使其再次可见:

$('.class').css('visibility', 'visible');