document.getElementById + regex

Question

Можно ли использовать document.getElementById вместе с регулярным выражением?

Например, идентификатор на одной странице будет Product-1 , а на другой странице будет product-3 . (Не спрашивайте меня, почему, но, видимо, это нельзя изменить.)

Я хотел бы запустить getElementById в поисках идентификатора Product-x , где x равен 1 или 3.

В настоящее время у меня есть что-то вроде этого:

var _container = document.getElementById("product-1") || document.getElementById("product-3");

который работает - но мне интересно, есть ли лучший способ сделать это?

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

Answer 1

jQuery селекторы потрясающие для этого.

Прекрасным примером будет селектор " начинается с ", например, $("*[id^=product]")

Answer 2

Да. document.querySelectorВсе, кажется, здесь хорошо.

document.querySelectorAll('[id^=product]')

Заимствовано из StackOverFlow

MDN Link здесь.

Answer 3

так что вы не можете изменить id элементов, но можете ли вы добавить класс? если вы добавите класс продукта ко всем своим продуктам, вы можете получить их все по

document.getElementsByClassName("product")

и возьми первый