Question

我想在链接的网址中找到匹配项，然后对该链接执行某些操作，例如更改颜色等。

$("a").filter("[href*='id=10']").css({color: 'red'});

HTML，

<a href="http://website.come/folder/file.php?id=9&ajax=true">0</a>
<a href="http://website.come/folder/file.php?id=10&ajax=true">1</a>
<a href="http://website.come/folder/file.php?id=20&ajax=true">2</a>
<a href="http://website.come/folder/file.php?id=30&ajax=true">3</a>
<a href="http://website.come/folder/file.php?id=10&ajax=true">11</a>

但我在链接列表中有两场比赛，我只想要第一场比赛。我应该在jquery代码中添加什么内容？

jsfiddle

Answer 1

试试这个：

$("a").filter("[href*='id=10']").first().css({color: 'red'});

如果你愿意，你也可以这样做：

$("a[href*='id=10']").first().css({color: 'red'});

Answer 2

试试这个

 $("a").filter("[href*='id=10']:first").css({color: 'red'});

Demo

Answer 3

首先使用伪类：

$("a").filter("[href*='id=10']:first").css({color: 'red'});

Answer 4

$("a").filter("[href*='id=10']:eq(0)").css({color: 'red'});

0当然可以是int。

http://jsfiddle.net/ygFDM/

jquery过滤器：只获得第一个匹配？

4 个答案: