JQuery - скрыть текст после того, как элемент

Question

У меня есть такой исходный код:

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

Я хочу, чтобы скрыть текст, который после </strong> - в данном примере это: qwerty - как сделать это с JQuery?

Благодаря

Answer 1

Try

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

Вы должны добавить текст в другой DIV, а затем скрыть это.

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

Тогда просто переключить второй DIV с JQuery:

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

Answer 3

.hide() не будет скрывать текстовые узлы, она лишь скрывает elements.You следует обернуть содержимое, которое требуется, чтобы спрятаться под span или div и т.д., а затем вы сможете скрыть их с помощью .hide()

See a Demo

Answer 4

Поместите текст внутри <p>, <span>, <div> и т.д., то: говорят, что вы используете:

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

$("p").removeClass("delete"); то класс, и текст, ушел