JQuery 或 CSS 选择器来选择以某个字符串开头的所有 ID

如何选择 id以“ player _”开头的所有元素?

我有很多这样的元素:

<div id="player_290x3dfda">text</div>

每个 id都有一个独特的标记。如何使用 jQuery 或纯 CSS 选择所有这些元素?

146984 次浏览

通常您会使用 ID 选择器 #来选择 ID,但是对于更复杂的匹配,您可以使用属性-start-with 选择器(作为一个 JQuery 选择器,或作为一个 CSS3选择器) :

div[id^="player_"]

如果你能够修改那个 HTML,但是,你应该添加一个类到你的球员 div,然后目标该类。无论如何,您将失去 ID 选择器提供的附加特异性,因为属性选择器与类选择器具有相同的特异性。另外,仅仅使用一个类就可以使事情变得更简单。

试试这个:

$('div[id^="player_"]')

可以使用像 *(http://api.jquery.com/category/selectors/)这样的元字符。 所以我认为你可以使用 $('#player_*')

在您的情况下,您还可以尝试“ Attribute start with”选择器: Http://api.jquery.com/attribute-starts-with-selector/

$('div[id ^= "player_"]');

这对我来说很有效. . 选择所有 Div 以“ player _”关键字开始并显示它。