如何使用固定的起始字符串获取所有html元素

时间:2011-12-20 10:12:46

标签: javascript jquery html

我有很多带id的html元素   喜欢

        "demo1"
        "demo2"
        "demo3"

还有更多

        "demoNth"

如何使用jquery获取所有元素?

5 个答案:

答案 0 :(得分:4)

您可以使用以下内容:

这将使所有元素以demo

开头
$("[id^=demo]")

Selector documentation here

使用each() - >

迭代它们
$("[id^=demo]").each(function(index) {
    alert(index + ': ' + $(this).text());
});

each documentation here

答案 1 :(得分:3)

怎么样

$("[id^=demo]")

或者最好的方法是使用类

答案 2 :(得分:2)

我建议给他们上课是最好的方法。

e.g。

<div id="1" class"group">1</div>
<div id="2" class"group">2</div>
<div id="3" class"group">3</div>
<div id="4" class"group">4</div>

然后,您可以使用

选择所有这些div

$( “基团”)

答案 3 :(得分:2)

$("element[id^='demo']")其中element是您的元素类型。

答案 4 :(得分:1)

jQuery有一个专门用于匹配字符串前缀的选择器语法([attrname^=prefix])。

对于将ID与任意正则表达式匹配的更通用的解决方案,您应该选择可能匹配的所有元素,然后.filter()输出您真正想要的那些元素,例如:

$('div').filter(function() {
   return /^demo\d+/.test(this.id);
});