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()不会隐藏文本节点，它只隐藏元素。您应该将要隐藏的内容包装在span或div等下，然后您将成为能够使用.hide()

隐藏它们

See a Demo

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");然后课程和文字消失了