对dom的行为有id LIKE'abc%'

时间:2013-10-09 10:38:19

标签: javascript php jquery dom

我想对DOM做一些动作,其ID如'abc%'

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

在上面的代码中,我必须对所有那些拥有像'abc%'这样的id的锚点进行操作

如何使用jquery?

3 个答案:

答案 0 :(得分:7)

您可以使用:

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

它被称为Attribute Starts With Selector

在这里你可以看到它有效:http://jsfiddle.net/suLsx/

答案 1 :(得分: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

答案 2 :(得分:3)

试试吧,

alert($( "a[id^='abc']" ).length);

阅读 attribute start with selector

<强> Working Fiddle