2

我想对 DOM 执行一些操作,ID 为 'abc%'

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

在上面的代码中,我必须对所有具有 id 的锚点执行操作,例如 'abc%'

如何在使用 jquery 时做到这一点?

4

3 回答 3

7

你可以使用这个:

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

它被称为Attribute Starts With Selector

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

于 2013-10-09T10:39:10.460 回答
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
于 2013-10-09T10:42:35.030 回答
3

试试看,

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

读取属性以选择器开头

工作小提琴

于 2013-10-09T10:39:39.273 回答