所有div的jQuery选择器

Question

我的div是这样的

<div id="gallery-1"></div>
<div id="gallery-2"></div>
<div id="gallery-3"></div>
<div id="gallery-4"></div>
<div id="gallery-5"></div>

如何在一个jquery选择器中选择它们？喜欢

jQuery("#gallery-*").something();

有什么想法吗？

Answer 1

尝试在此上下文中使用attribute starts with selector，

jQuery("[id^='gallery-']").something();

或者最好的方法是使用一个普通的类，

HTML：

<div id="gallery-1" class='test'></div>
<div id="gallery-2" class='test'></div>
<div id="gallery-3" class='test'></div>
<div id="gallery-4" class='test'></div>
<div id="gallery-5" class='test'></div>

联署材料：

 jQuery(".test").something();

Answer 2

您可以使用从选择器开始

jQuery('div[id^=gallery]').something();

Answer 3

在jQuery("div")中将id更改为class，并指定以下jQuery代码：jQuery(".gallery")。

您还可以使用更高级的选择器语法，如Rajaprabhu建议的jQuery("div[id='^gallery']")。