jquery - 在 Div 中获取文本并找到匹配的 HTML 并添加类

Question

在我的页面中，我有一个带有特定类的“A”标签:

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

我需要 jQuery 来查找该文本(在本例中为预算)，然后在 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>

当它找到匹配的文本时，我想使用 addClass 添加类“current”:

<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" );

帮助!

Answer 1

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

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