2013-07-16 97 views
4

我想找到鏈接的URL匹配,然後做一些鏈接,如改變其顏色等jquery filter:只獲得第一個匹配?

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

試試這個:

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

如果你願意,你也可以這樣做:

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

感謝您的答案! – laukok

+4

這不會得到每一個結果,然後返回第一個結果嗎?如果你有一百萬件事情,可能表現不好,但與兩件事情沒什麼大不了的。 – Andrew

1

試試這個

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

Demo

+0

謝謝!我也使它與.first()http://jsfiddle.net/9f3yx/2/ – laukok

1

先用僞類:

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