jQuery or CSS selector to select all IDs that start with some string [duplicate]
How can I select all elements whose id
starts with "player_"?
I have multiple elements like this:
<div id="player_290x3dfda">text</div>
Every id
has a unique stamp on it. How can I select all those elements, either with jQuery or with pure CSS?
Normally you would select IDs using the ID selector #
, but for more complex matches you can use the attribute-starts-with selector (as a jQuery selector, or as a CSS3 selector):
div[id^="player_"]
If you are able to modify that HTML, however, you should add a class to your player div
s then target that class. You'll lose the additional specificity offered by ID selectors anyway, as attribute selectors share the same specificity as class selectors. Plus, just using a class makes things much simpler.
try this:
$('div[id^="player_"]')
You can use meta characters like *
(http://api.jquery.com/category/selectors/).
So I think you just can use $('#player_*')
.
In your case you could also try the "Attribute starts with" selector:
http://api.jquery.com/attribute-starts-with-selector/: $('div[id^="player_"]')
$('div[id ^= "player_"]');
This worked for me..select all Div starts with "players_" keyword and display it.
精彩评论