如何获取元素值然后在其中使用:包含jquery

时间:2012-12-21 00:27:11

标签: jquery

我需要获取h1 PHP回显页面标题元素的值,然后使用它来查找li PHP回显类别名称中的任何匹配项,然后如果匹配则在span中添加一个类。这在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>

1 个答案:

答案 0 :(得分:3)

此解决方案中有一些假设。

假设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.
        }           
    });