2013-10-09 81 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

相关问题