Jquery 将类添加到文本的第二个实例

Jquery 将类添加到文本的第二个实例,jquery,Jquery,假设我的部分包含“红色”、“绿色”和“蓝色”页面。每个页面都有H1标签中的标题以及显示所有三个链接的共享侧栏导航。如何让jQuery检测H1中输入的文本,在#边栏中找到相同的文本,并在找到匹配项时向#边栏链接添加类 HTML: 对不起,我充其量只是一个jQuery初学者。这里有一把小提琴:像这样的东西可能有用 // get title text var title = $('h1').text(); // loop anchors in #sidebar $('#sidebar a').each

假设我的部分包含“红色”、“绿色”和“蓝色”页面。每个页面都有H1标签中的标题以及显示所有三个链接的共享侧栏导航。如何让jQuery检测H1中输入的文本,在#边栏中找到相同的文本,并在找到匹配项时向#边栏链接添加类

HTML:


对不起,我充其量只是一个jQuery初学者。这里有一把小提琴:

像这样的东西可能有用

// get title text
var title = $('h1').text();
// loop anchors in #sidebar
$('#sidebar a').each(function() {
   // if anchor text matches title
   if($(this).text() == title) {
     // add a class
     $(this).addClass(<yourclass>);
   }
});

如果你添加一些HTML,生活会轻松得多!一些代码/标记可以创建并显示问题中的链接?第二,上传一些代码部分。我的道歉-在帖子中添加了fiddle。太好了,非常感谢。我在我的问题上加了一把小提琴,试图弄明白为什么你的有效而我的无效!感谢您发布解决方案。@Chris-您的解决方案不起作用,因为您在JSFIDLE中选择了mootools,而不是jquery@克里斯试试->哈哈哈,哦。。。好样的!我假设默认情况下会选择jQuery——从现在起我会记住这一点:)我建议在这样的用例中使用filter()
#sidebar { float: right; }
.current-section { background: red; }
// get title text
var title = $('h1').text();
// loop anchors in #sidebar
$('#sidebar a').each(function() {
   // if anchor text matches title
   if($(this).text() == title) {
     // add a class
     $(this).addClass(<yourclass>);
   }
});
<h1>Red</h1>
<div id="sidebar">
   <a href="red.html">Red</a><br>
   <a href="green.html">Green</a><br>
   <a href="blue.html">Blue</a>
</div>