jQuery查找以字符串开头的所有ID?


78

只是想知道我将如何搜索整个页面中以“ content_”开头的所有id,以及如何仅在名为“ extra_content”的命名div中查找它们。一旦我有了所有的ID,我想隐藏它们。

以下是我要查找的示例。

<div id="content_1"></div> <-- Find
<div id="content_2"></div> <-- Find
<div id="contet_3"></div>

<div id="extra_content"> 
    <div id="content_extra_1"></div> <-- Find
    <div id="content_extra_2"></div> < -- Find
</div>

例子会有所帮助。

谢谢


您想全部隐藏还是获取ID?
阿南德·唐加潘(Annand Thangappan)2011年

Answers:


148

使用attribute-starts-with选择器

$('[id^="content_"]').hide();

限制搜索到以下元素extra_content

$('#extra_content [id^="content_"]').hide();

1
我不知道attribute-starts-with选择器(你们两个都为+1),但我认为您应该添加一个属性类来操纵它,而不是使用id属性。它更易于理解,更干净,而且有助于防止错误……
jbatista

嗨,我很困惑,我有这样一种情况: <div id="min1"></div> <div id="max1"></div> <div id="min2"></div> `<div id =“ max2”> </ div>`。我正在使用:$("[id^=min]", "[id^=max]").val('hello')与他们做某事。没用 问题是什么 ?
Mazhar MIK

@MazharMIK您遇到的问题是分隔选择器。应该是:$("[id^=min],[id^=max]").val('hello')。在这种情况下。(PS类是您的朋友)
Danny Mahoney
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.