jquery - 通过将其内容与 div id 文本匹配来突出显示列表下的名称

Question

我有一个这样的无序列表

   <ul>
        <li id="projectrow_364"> 
            <span>Forest</span>
        </li>
        <li id="projectrow_365"> 
            <span>Life</span>
        </li>
        <li id="projectrow_367"> 
            <span>House</span>
        </li>
        <li id="projectrow_388"> Country
            <ul>
               <li id="projectrow_390"> 
               <span>US</span>
             </li>
            </ul> 
        </li>
   <ul>

我在同一页上

<h3  id="project-title-id"> US</h3>

所以我想在 class="activeProject" 上面添加这个类名“<ul> li ”此 #project-title-id 的文本与 <ul> <li> 匹配的名称文本值....如何用 jquery 做到这一点？

Answer 1

这是一种方法 - http://jsfiddle.net/jayblanchard/VyBgu/

var currentHeader = $.trim( $('#project-title-id').html() );
var currentLI = $('li span:contains(' + currentHeader + ')');
currentLI.addClass('activeProject');