JQuery или CSS-селектор для выбора всех идентификаторов, начинающихся с некоторой строки

Как выбрать все элементы, чей id начинается с "player _"?

У меня есть несколько элементов вроде этого:

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

Каждый id имеет на нем уникальный штамп. Как я могу выбрать все эти элементы с помощью jQuery или с помощью чистого CSS?

Ответы

Ответ 1

Обычно вы выбираете идентификаторы с помощью селектора идентификаторов #, но для более сложных совпадений вы можете использовать атрибут-start-with селектор (как селектор jQuery, или как селектор CSS3):

div[id^="player_"]

Если вы можете изменить этот HTML-код, вы должны добавить класс к своему игроку div, а затем настроить этот класс. В любом случае вы потеряете дополнительную специфичность, предлагаемую селекторами идентификаторов, поскольку селекторы атрибутов имеют такую же специфичность, что и селекторы классов. Кроме того, просто использование класса делает вещи намного проще.

Ответ 2

попробуйте следующее:

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

Ответ 3

Вы можете использовать метасимволы, такие как * (http://api.jquery.com/category/selectors/). Поэтому я думаю, что вы можете использовать $('#player_*').

В вашем случае вы также можете попробовать "Атрибут начинается с": http://api.jquery.com/attribute-starts-with-selector/: $('div[id^="player_"]')

Ответ 4

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

Это сработало для меня... выберите все начала Div с ключевым словом "players_" и отобразите его.