Find items using part of the identifier

Question

I have divwhere the id looks like this_div_id_NUMBEReveryone divhas a different part NUMBER. How to find everything divwith just the this_div_idid part?

Answer 1

you can use querySelectorAll to get partial attributes, including ID:

document.querySelectorAll("[id^='this_div_id']")

the ^ next to the equal sign means "starts with", you can use * instead, but it is prone to false positives.

, ( ) comapare querySelectorAll; jQuery , .

: :

document.querySelectorAll("[id^='this_div_id']:not([id$='_test_field'])");

not() -, "_test_field" .

---

/: http://pagedemos.com/partialmatch/

Answer 2

querySelectorAll

querySelectorAll CSS HTMLNodeList ( ) , css.

css ^ ( ) . .

document.querySelectorAll("[id^='this_div_id']");

, querySelectorAll node. , dom .

, getElementsByClassName ( , querySelector).

var divs = document.getElementsByClassName("divClass");

Answer 3

:

div[id^="this_div_id"]

Answer 4

:

[id^="this_div_id_"]

JavaScript: ()

document.querySelectorAll('[id^="this_div_id_"]')

jQuery: ()

$('[id^="this_div_id_"]')

CSS: ()

[id^="this_div_id_"] {
    /* do your stuff */
}

?

Using [] in the selector you can select attributes. Use "=" to exactly match the value, or use "^ =" to check if the value starts. Read more about it here .

Answer 5

Better to use classes. But there is one solution you need (if you are using jQuery):

$("*[id^='this_div_id']")

Answer 6

Just using the attribute selector as shown below:
$("[id^='this_div_id_']")