javascript find an id that contains partial text

Question

Environment: Just JavaScript

Is there a way to get an element that contains partial text?

<h1 id="test_123_abc">hello world</h1>

In this example, can I get the element if all I had was the test_123 part?

see this maybe https://stackoverflow.com/questions/8714090/queryselector-wildcard-element-match — Hopeless, Jun 21 '17 at 18:13

score 5 · Answer 1 · answered Jun 21 '17 at 18:15

5

Since you can't use Jquery, querySelectorAll is a descent way to go

var matchedEle = document.querySelectorAll("[id*='test_123']")

answered Jun 21 '17 at 18:15

Suresh Atta

score 5 · Accepted Answer · answered Jun 21 '17 at 18:16

5

var elems = document.querySelectorAll("[id^='test_123']")
console.log(elems.length);

<h1 id="test_123_abc">hello world</h1>
<h1 id="test_123_def">hello world</h1>
<h1 id="test_123_ghi">hello world</h1>

answered Jun 21 '17 at 18:16

epascarello

score 1 · Answer 3 · answered Jun 21 '17 at 18:18

You can achieve it (without using jQuery) by using querySelectorAll.

var el = document.querySelectorAll("[id*='test_123']");

You can get a clear example of it by going through the following link:
Find all elements whose id begins with a common string

3 Answers3