在Div中获取文本并查找匹配的HTML和添加类

时间:2015-10-27 20:26:05

标签: jquery css

在我的页面中,我有一个" A"标记为特定类:

<a class="s4-breadcrumbCurrentNode" href="/kmcentre/Pages/Budget.aspx">Budget</a>

我需要jQuery来查找该文本(在本例中为Budget),然后在UL中找到匹配的文本:

<ul class="BrionStepNav">
<li><a href="Budget.aspx">Budget</a></li>
<li><a href="Category-Management.aspx">Category Management</a></li>
<li><a href="Strategic-Sourcing.aspx">Strategic Sourcing</a></li>
</ul>

当找到匹配的文本时,我想添加类&#34;当前&#34;使用addClass:

<li><a href="Budget.aspx" class="current">Budget</a></li>

这就是我的大脑迄今为止所提出的,但没有运气:

var breadcrumb = $( "a.s4-breadcrumbCurrentNode" ).html();
var stepnav = $( "ul.BrionStepNav li a").html();
$( stepnav ).filter( breadcrumb ).addClass( "current" );

帮助!

1 个答案:

答案 0 :(得分:3)

尝试使用.text():contains()选择器

var breadcrumb = $("a.s4-breadcrumbCurrentNode" ).text();
var stepnav = $("ul.BrionStepNav li a:contains(" + breadcrumb + ")");
stepnav.addClass("current");