Как построить селектор по условию?

Question

[ince]

Есть набор элементов с атрибутами вида id=10
Как построить селектор, чтобы отобрать элементы с id>10?

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/37w6bpr4/

<ul>
  <li id="1"></li>
  <li id="2"></li>
  <li id="3"></li>
  <li id="4"></li>
  <li id="5"></li>
  <li id="6"></li>
  <li id="7"></li>
  <li id="8"></li>
  <li id="9"></li>
  <li id="10"></li>
  <li id="11"></li>
  <li id="12"></li>
</ul>

const elements = [...document.querySelectorAll('li')];
console.log(elements.filter(li => +li.getAttribute('id') >= 10));

Answer 2

[Tim]

можно с префиксами. так будет лучше работать


можно пройтись по всем элементам

Answer 3

[Андрей Федоров]

elem:not([id="1"]):not([id="2"]):not([id="3"]):not([id="4"]):not([id="5"]):not([id="6"]):not([id="7"]):not([id="8"]):not([id="9"]) {
  ...
}