jquery - jQuery - 在元素后隐藏文本

Question

我有这样的源代码：

<div class="abc">
<strong>ddffgg</strong>
qwerty
</div>

我想隐藏后面的文本</strong>- 在这个例子中它是：qwerty - 如何用 jQuery 来做？

谢谢

Answer 1

尝试

var size = $('.abc').css('font-size');
$('.abc').css('font-size', 0);
$('.abc').children().css('font-size', size);

http://jsfiddle.net/2pj8x/

或者

$($('.abc strong')[0].nextSibling).wrap('<span style="display:none"></style>');

http://jsfiddle.net/2pj8x/1

Answer 2

.hide()不会隐藏文本节点，它只隐藏元素。您应该将要隐藏的内容包装在 aspan或div等之下，然后您就可以使用隐藏它们.hide()

查看演示

Answer 3

您应该将文本添加到另一个 div 中，然后将其隐藏。

<div class="abc">
<strong>ddffgg</strong>
<div id="toggleText">qwerty</div>
</div>

然后只需用 jquery 切换第二个 div：

$('#toggleText').hide(); //to hide
$('#toggleText').show(); //to show

Answer 4

将文本放在<p>,<span>等<div>中，然后：假设您使用：

<p class="delete">qwerty</p>

$("p").removeClass("delete"); 然后课程和文本消失了