2013-10-09 85 views
2

我想要做的DOM一些動作有這樣的ID「ABC%」做動作LIKE「ABC%」

<a id='abc1'></a> 
<a id='abc2'></a> 
<a id='abc3'></a> 
<a id='abc4'></a> 
<a id='1234'></a> 

在上面的代碼中,我必須做的所有動作那些錨帶有像'abc%'的ID

如何在使用jQuery中做到這一點?

+4

它更好地使用課堂。部分ID匹配很混亂。 –

+0

ID應該是唯一的標識符。如果你想將它們組合在一起,那麼使用不同的屬性是有意義的(例如'class') – Lix

回答

7

您可以使用此:

$('a[id^="abc"]') 

這就是所謂的Attribute Starts With Selector

在這裏你可以看到它的工作:http://jsfiddle.net/suLsx/

+1

感謝Joe ..它可以工作Gud :) –

+1

@Vinoth:我希望你能讀到線程的其餘部分,或者你是那些爲「有效」而定居的人之一? –

+1

@MattiVirkkunen:是通過了哥們!但首先是工作和休息! :) –

5

由於Matti正確地指出,這將是乾淨多了一個額外的類添加到有序的錨標記來創建一個更簡單的選擇一起工作:

<a class="the_link" id='abc1'></a> 
<a class="the_link" id='abc2'></a> 
<a class="the_link" id='abc3'></a> 
<a class="the_link" id='abc4'></a> 
<a id='1234'></a> 

現在,你就可以做到這一點:

$("a.the_link"); // this selector will now operate on all the desired elements 
$("a.the_link").hide(); // hide all the links 
$("a.the_link").fadeOut(); // fade out all the links 
+1

Psst,我不認爲最後一個元素應該有這個類。 –

+1

這可能比解析匹配ID所需的邏輯更快。 –

+0

@mat - ooooopppsss! :P感謝! (很好的評論BTW) – Lix

相關問題