javascript - 如何将第一个元素与精确的内容匹配？

Question

我有四个 anchor 元素，其内容为“taw”、“wat”、“wat 2”和“wat”。有没有办法只选择第一个包含“wat”的元素？

到目前为止我有这个:

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

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

演示:https://codepen.io/obliviga/pen/jOOZeGZ?editors=1010

Answer 1

使用.first()

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