7

我想在链接的 url 中找到一个匹配项，然后对该链接做一些事情，比如改变它的颜色等。

$("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

4

4 回答 4

7

尝试这个 ：

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

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

$("a[href*='id=10']").first().css({color: 'red'});
于 2013-07-16T09:35:23.793 回答
1

首先使用伪类：

$("a").filter("[href*='id=10']:first").css({color: 'red'});
于 2013-07-16T09:35:35.763 回答
1

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

0当然可以int。

http://jsfiddle.net/ygFDM/

于 2013-07-16T09:36:19.557 回答
1

尝试这个

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

演示

于 2013-07-16T09:35:02.587 回答