Найти все элементы DOM, идентификатор которых содержит строку, используя ванильный Javascript [duplicate]

Question

Найти все элементы DOM, идентификатор которых содержит строку, используя ванильный Javascript [duplicate]

1

Найти все элементы DOM, которые содержат строку, но я хочу использовать vanillaJS. Я знаю, что здесь есть решение, использующее jQuery, но в этом случае я хочу использовать только чистый javascript.

Я знаю, что с этим:

document.querySelectorAll("[id='parteOfanID']")

Мы можем получить все элементы, которые в качестве идентификатора атрибута имеют значение "parteOfanID".

Спасибо

Ricardo Rocha 11 июль 2018, в 18:31

Источник

0

Вы имеете в виду, которые содержат одно и то же имя?
Chellappan 11 июль 2018, в 16:30

Теги:

javascript

2 ответа

1

Используйте document.querySelectorAll() который получает селектор CSS (например, jQuery) и возвращает NodeList:

var elements = document.querySelectorAll('[id*="some text"]');

Chayim Friedman 11 июль 2018, в 14:31

Ещё вопросы

Вы имеете в виду, которые содержат одно и то же имя?

Zakaria Acharki · Accepted Answer · 2018-07-11T15-21-00.000Z

Вы можете использовать *= с селектором атрибутов [] например:

document.querySelectorAll('[id*="string_here"]')

console.log(document.querySelectorAll('[id*="identifier_"]').length);

<span id="test"></span>
<span id="identifier_1"></span>
<span id="identifier_2"></span>
<span id="identifier_3"></span>
<span id="test"></span>
<span id="identifier_4"></span>
<span id="test"></span>