요소 값을 얻은 다음 사용하는 방법 : contains jquery

Question

h1 PHP 에코 된 페이지 제목 요소의 값을 가져와이를 사용하여 li PHP 에코 카테고리 이름에서 일치하는 항목을 찾은 다음 add와 일치하는 경우 스팬까지의 클래스. 이것이 jquery에서 가능합니까?

<h1>PHP echoed Page Title</h1> 
<ul> 
<li><a href="">PHP echoed category name</a> 
<span class="open">X</span> 
    <ul> 
    <li><a href="">PHP echoed category name</a></li> 
    <li><a href="">PHP echoed category name</a></li> 
    <li><a href="">PHP echoed category name</a></li> 
</ul> 
</li> 
</ul> 

Answer 1

이 솔루션에는 몇 가지 가정 사항이 있습니다.

가정 1 : h1이 페이지의 유일한 h1입니다.

가정 2 : 추가 할 클래스는 'fooClass'

가정 3 : 당신은 어떤 다른 클래스를 제거하지 않습니다.

가정 4 : li에서 엄격한 문자열 동일성을 테스트하고 싶지 않고 텍스트가 있는지보고 싶어하고 대소 문자를 신경 쓰고 일반적으로 정규식/문자열 마사지를 원하지 않습니다 마법.

header_text = $('h1').text(); 
    $('.open ul li').each(function(){ 
     if($(this).text().indexOf(header_text) != -1){ 
      $(this).parent().parent().addClass('fooClass'); 
      return(true); //this will terminate execution to avoid adding fooClass more then once. 
     }   
    });