Javascript 如何将第一个元素与确切的内容匹配？

我有四个锚元素，内容分别是“taw”、“wat”、“wat2”和“wat”。有没有办法只选择第一个包含“wat”的元素

到目前为止，我有：

$("a").filter(function() {
    return $(this).text() === "wat";
}).css("font-weight", "bold");

它正在选择第二个和最后一个元素。我只想选择包含“wat”的第一个元素。谢谢

演示：

使用

.first（）

$（“a”）.filter（函数（）{
返回$（this）.text（）==“wat”；
}).first（）.css（“字体大小”、“粗体”）；

使用

.first（）

$（“a”）.filter（函数（）{
返回$（this）.text（）==“wat”；
}).first（）.css（“字体大小”、“粗体”）；

您可以使用将匹配元素集减少到集合中的第一个元素：

$（.myDiv”）.filter（函数（）{
返回$（this）.text（）==“wat”；
}).first（）.css（“字体重量”、“粗体”）；

陶
沃特
沃特2
wat

您可以使用将匹配元素集减少到集合中的第一个元素：

$（.myDiv”）.filter（函数（）{
返回$（this）.text（）==“wat”；
}).first（）.css（“字体重量”、“粗体”）；

陶
沃特
沃特2
wat

虽然有更好的方法，但我只想指出一些非常基本的东西。你的代码生成了一个类似数组的元素列表。如果你想要第一个，你可以通过索引获取它。虽然我不会使用jQuery，但你可以简单地在

.css（）之前添加
.eq（0）

调用。也就是说，在找到匹配项后立即停止DOM选择更有意义，而不是从DOM中选择所有

a

元素，然后进行筛选。虽然有更好的方法，但我只想指出一些非常基本的东西。您的代码生成了一个类似数组的元素列表。如果您想要第一个，您可以虽然我不会使用jQuery，但您可以简单地在

.css（）之前添加
.eq（0）

调用。也就是说，在找到匹配项后立即停止DOM选择更有意义，而不是从DOM中选择所有

a

元素，然后进行筛选。它们需要精确匹配。如果

wat 2

元素是第一个元素，您的演示将被破坏。@kaido，我错过了它选择第二个和最后一个元素的部分。。。。。。…谢谢：）他们想要精确匹配。如果

wat2

元素是第一个元素，您的演示将被破坏。@kaido，我错过了选择第二个和最后一个元素的部分……。谢谢：）