javascript - 当链接具有特定标签时如何添加类

标签 javascript html jquery css jquery-events

我有一系列没有 a 类的链接。我无法在 HTML 中手动添加任何类......否则我会的。我想使用 JavaScript 或 jQuery 来检测某个链接标签,并在找到匹配项时向其添加一个类。

这是 HTML:

<ul class="menu-main-nav">
   <li><a href="/destination/">Duck</a></li>
   <li><a href="/destination/">Duck</a></li>
   <li><a href="/destination/">Goose</a></li>
</ul>

我想在“Goose”出现时添加一个类。这是我尝试过的……但失败了。

$(document).ready(function(){
    if ($("#menu-main-nav li a").text() == "Goose") { this.addClass("itsagoose")};
});

最佳答案

使用 .filter 方法:

$("#menu-main-nav li a").filter(function(){
    return $(this).text() == "Goose"; //<--- Only include these elements
}).addClass("itsagoose");

使用 .html()而不是 .text()如果您想要完全匹配,并且不想允许任何其他内容(例如,不匹配 <a><span>Goose</span></a> )。

fiddle :http://jsfiddle.net/RWSCY/

关于javascript - 当链接具有特定标签时如何添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7882312/

相关文章:

javascript - 函数参数只是变量吗?我应该重新分配它们吗?

javascript - jquery $ 函数在 IE 中返回不同的结果

javascript - 在promise中获取构造函数变量

javascript - 当新数据加载时,masonry js 不会重新加载(Masonry JS 和 Handlebars)

javascript - 我是否应该转换内联脚本以便将其放入外部 .js 文件?

javascript - 如果设备是移动设备,如何更改网页上的链接? HTML/Javascript/CSS

javascript - 在所需行设置文本区域的值

html - 涉及 colspan 的表列大小调整

javascript - 此操作需要iis集成管道模式

javascript - 在 $.getJSON 中发送