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>'); 

시도를3210

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

Answer 2

그런 다음 다른 사업부에 텍스트를 추가해야하고 그 숨 깁니다.

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

그럼 그냥 jQuery로 두 번째 DIV 전환 :

$('#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"); 다음 클래스 및 텍스트가, 후자는 나를 위해 최고의 근무