특정 HTML 태그 내용을 기반으로 상위 요소 숨기기

How to hide an element, based on its text, with JavaScript? 및 Hiding a parent element using JS/JQuery based on the alt tag of a child element 과 비슷한 작업을하려고하지만 그보다 조금 더 복잡합니다. 여기에 전체 요소의 I 숨기려 (물건을 많이 포함하는 목록 항목) :특정 HTML 태그 내용을 기반으로 상위 요소 숨기기

<li> 
    <div class="wrapper"> 
     <div class="fulllink" data-href="hideme/some/url" data-title="hideme - some more text"> 
      <a href="/some/url" rel="stuff"> 
     </div> 
     <div id="fullimage" class="theimage"> 
      <img src="/some/url" title="hideme - some more text" alt="thisis/hideme text"> 
     </div> 
     <div class="captionwrapper"> 
      <div class="caption"> 
       <p> 
        <a class="" title="" href="hideme/some/url">more text</a> 
       </p> 
      </div> 
     </div> 
    </div> 
</li>

을 나는 여러 번 나타나는 특정 콘텐츠 "hideme"에 따라이 li 요소를 숨기려하지만, 같은 당신은 독자적으로 결코 볼 수 없습니다. 페이지가로드 될 때 숨겨 져야하므로 사용자 조치가 필요하지 않습니다.

나는 stackoverflow에 비슷한 질문을 기반으로하지만 지금까지 실패한 솔루션을 생각해 냈습니다.

출처

2015-01-08 rayne

후 귀하의 jQuery 코드

$("li").each(function() { if ($(this).html().indexOf('hideme') > -1) { $(this).hide(); } });

. – Satpal

전체 코드를 jsfiddle에 저장하고 표시하십시오. – Manoj

나는이 질문을 완전히 이해하고 있는지 확신 할 수 없다. 당신은 그런 것을 찾고 있습니까? http://jsfiddle.net/kjrw0jna/ –

함수를 사용하여 각 li의 html 내용을 가져온 다음 원하는 텍스트 "hideme"가 포함되어 있는지 검색 할 수 있습니다.

Demo

출처

2015-01-08 09:03:32

특정 HTML 태그 내용을 기반으로 상위 요소 숨기기

답변

관련 문제