모든 HTML 태그 숨기기 (제거하지 않음) - Jquery

jquery를 사용하여 모든 HTML 태그를 숨기는 방법은 무엇입니까? 제거하지는 않지만 숨어 있습니다. 개별적으로 각 태그를 지정해야합니까? 아니면보다 강력하고 확장 가능한 솔루션이 있습니까?모든 HTML 태그 숨기기 (제거하지 않음) - Jquery

예 문자열 :

My name is <b>Joe</b> and I like <span style="color:red;">long walks</span> on the <i>beach</i>.

결과

My name is and I like on the .

출처

2012-04-11 Joe

당신은 무엇을 의미합니까를 가지고 쉽게? 나는 당신이 실제로 그것들을 제거하고 양쪽 버전을 변수들로 유지하기를 원한다고 생각한다. – Brad

나는 그들을 단지 숨기고 싶다. 그게 가능하니? – Joe

_all_ HTML 태그를 숨기시겠습니까? 무슨 목적을 위해? – Sparky

당신은 특정 부모의 모든 자식 요소를 숨길 수 있습니다. gdoron에서 알 수 있듯이 대안

$("#theParent").children().hide();

또는 : 숨겨진 요소의 자손 이후

는 find("*")으로 그들 모두를 반복 할 필요가 없다, 어쨌든 표시되지 않습니다

$("#theParent > *").hide();

순수 CSS 셀렉터를 사용하기 때문에 위의 내용이 더 빠를 수도 있습니다.

출처

2012-04-11 22:49:41

'$ ('# parent> *'). hide();가 가장 빠른 방법이라고 생각합니다. – gdoron

@Joe. 아니, 지금은 괜찮아. – gdoron

특정 포함 요소의 자손을 숨기고 싶은 것 같습니다.

$('*', container).hide();

출처

2012-04-11 22:49:44 zzzzBov

$('*').hide()는 모든 문서에 대한 모든 태그를 제거하는 것입니다 :

$(container).find('*').hide();

jQuery를 또한 이것에 대한 속기 양식을 가지고있다. $('#parent *').hide() 상위 요소의 모든 요소

출처

2012-04-11 22:49:47 GillesC

'$ ('# parent> *')라고 생각합니다. hide()는 가장 빠른 방법입니다. – gdoron

전체 텍스트가 <p> 요소 인 경우 $('p *').hide()과 같은 작업을 수행 할 수 있습니다.

만 숨길하지만, 여전히 공간을 차지하려는 경우

은 여전히 공간을 차지합니다 숨겨진

$('p *').css('visibility', 'hidden');

요소에 자신의 가시성을 설정할 수 있지만 표시되지 않습니다.

출처

2012-04-11 22:50:23

그것은만큼 당신이 부모 컨테이너 :

<div id='myDiv'> 
    My name is <b>Joe</b> and I like <span style="color:red;">long walks</span> on the <i>beach</i>. 
</div> 

<script> 
    $('#myDiv:child').hide(); 
</script>

출처

2012-04-11 22:50:25

모든 HTML 태그 숨기기 (제거하지 않음) - Jquery

답변

관련 문제