How to apply range of values to a partial attribute selector?

Asked May 27 '22 at 19:40

Active May 27 '22 at 19:43

Viewed 14 times

I would like to apply a numeric range on ends with (id$=) with jQuery but I couldn't. I tried:

[id$="[1-8]"]

My code:

<script>
  $(function() {
  $('[id^="text"][id$="[1-8]"]').css("color", "red");
});

</script>

<p id="text1">
  Column 1
</p>

<p id="text2">
  Column 2
</p>

Is there any way to get the range using just two numbers (1-8 for example) with jQuery only?

edited May 27 '22 at 19:43

isherwood

58,414
16
114
157

asked May 27 '22 at 19:40

neves

1

jQuery doesn't have a selector that does pattern matching like this. – Barmar May 27 '22 at 19:43
Use the starts with selector and then use `.filter()` to test the last character of the ID. – Barmar May 27 '22 at 19:45
It wouldn't be much more code to just list some CSS selectors with those IDs: `#text1, #text2, #text3 { color: red; }` – isherwood May 27 '22 at 19:45
Apparently you can modify the HTML. Why not give those elements a common class? – isherwood May 27 '22 at 19:47
Cases like this are exactly why `class` attributes exist. – Rory McCrossan May 27 '22 at 19:58

How to apply range of values to a partial attribute selector?

0 Answers0