jQuery或CSS选择器,用于选择以某个字符串开头的所有ID
我如何选择其jQuery或CSS选择器,用于选择以某个字符串开头的所有ID,jquery,css,jquery-selectors,css-selectors,Jquery,Css,Jquery Selectors,Css Selectors,我如何选择其id以“player\开头”的所有元素 我有多种类似的元素: <div id="player_290x3dfda">text</div> 文本 每个id上都有一个唯一的标记。如何使用jQuery或纯CSS选择所有这些元素?通常,您会使用ID选择器#选择ID,但对于更复杂的匹配,您可以使用以选择器开头的属性(作为或作为CSS3选择器): 但是,如果您能够修改该HTML,则应该向播放器divs添加一个类,然后将该类作为目标。无论如何,您都将失去ID选择器提供的
id
以“player\开头”的所有元素
我有多种类似的元素:
<div id="player_290x3dfda">text</div>
文本
每个
id
上都有一个唯一的标记。如何使用jQuery或纯CSS选择所有这些元素?通常,您会使用ID选择器#
选择ID,但对于更复杂的匹配,您可以使用以选择器开头的属性(作为或作为CSS3选择器):
但是,如果您能够修改该HTML,则应该向播放器div
s添加一个类,然后将该类作为目标。无论如何,您都将失去ID选择器提供的额外特性,因为属性选择器与类选择器具有相同的特性。另外,只需使用一个类,事情就会简单得多。试试以下方法:
$('div[id^="player_"]')
您可以使用诸如
*
()之类的元字符。
因此,我认为您可以使用$(“#player_*”)
在您的情况下,您还可以尝试“属性以开头”选择器:
:
这对我来说很有效。选择所有以“players_u”关键字开头的Div并显示它 在CSS中使用这个选择器可以在旧浏览器如ie8和ie9上工作,如果没有,还有什么替代方案?它非常兼容-查看quirksmode:如果您不知道html元素的类型怎么办?就像它可以是一个输入,或选择,等等@和Wan:然后省去类型选择器。这不是必需的。事实上,我认为您不能使用$(“#prefix*”)。至少我没有让它工作……这对我(在Chrome中)不起作用。我想你不明白文档上说的:要使用任何元字符(例如!“\$%&'()*+,./:?@[\]^`{124}
)作为名称的文字部分,必须用两个反斜杠转义:\\。例如,一个id为=“foo.bar”的元素,可以使用选择器$(“#foo\\\.bar”)
这应该是答案。它展示了如何在代码中实际实现解决方案。谢谢你,普拉卡什!
$('div[id^="player_"]')
$('div[id ^= "player_"]');