JQuery, как найти список div с похожим идентификатором

У меня есть структура html, как это:

<div id="triger1">some elements inside</div>
<div id="triger2">some elements inside</div>
<div id="triger3">some elements inside</div>
<div id="triger4">some elements inside</div>

Как получить массив всех div в JQuery с идентификатором триггера в них (как видите, все они имеют триггер, но отличаются нумерацией, например, triger1, triger2 и т.д.)

Заранее спасибо

Ответы

Ответ 1

Вы можете использовать следующее:

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

Это вернет все <div> с id start (^=) с помощью triger.

Вы можете получить дополнительную информацию о различных селекторах jQuery в документах jQuery:

API/Селекторы

Ответ 2

вы можете использовать регулярное выражение в селекторе для достижения именно того, что вы ищете, как такового:

$("div:regex(id, yourRegularExpression)");

(Примечание: для этого требуется regex-selector плагин)

Кто-то задал аналогичный вопрос здесь.

Вы можете прочитать все о регулярных выражениях здесь.

Как указывали другие, вы можете добиться такого же результата:

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

используя простой селектор jQuery. Однако для более сложных вариантов вам потребуется использовать плагин regex или сделать это вручную, как указано в связанный вопрос.

Удачи!

Ответ 3

Выберите все элементы div, атрибут id содержит строку triger:

$('div[id*="triger"]');

Подробнее об использовании *= в документации jQuery: Атрибут содержит селектор [name * = "value" ]

Ответ 4

var trigerList = $("div[id^='triger']");