我需要获取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>
答案 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.
}
});