jquery find divs with id higher than some number

Question

is there any way to find it? for example:

var number=5;
$("#"+>number).remove();

but I dont know how do something like it and if is it posibble :) thanks

possible duplicate of [Filtering if a custom selector is greater than a number in jQuery](http://stackoverflow.com/questions/10356765/filtering-if-a-custom-selector-is-greater-than-a-number-in-jquery) — Esailija, Jun 26 '12 at 16:53
You should avoid numeric id. They cause problems, both for CSS and Javascript. — Guffa, Jun 26 '12 at 16:54
Possible duplicate of [jQuery: Selecting all elements where attribute is greater than a value](http://stackoverflow.com/questions/2613648/jquery-selecting-all-elements-where-attribute-is-greater-than-a-value) — Jason C, Jul 18 '16 at 20:42

score 5 · Accepted Answer · edited Jun 20 '20 at 09:12

5

$('div').filter(function() {
  return parseInt( this.id, 10) > 5;
}).remove();

If id contains only number.

For example:

<div id="myid-5"></div>
<div id="myid-6"></div>

And modify above code as:

$('div').filter(function() {
   return parseInt( this.id.replace('myid-',''), 10) > 5;
}).remove();

edited Jun 20 '20 at 09:12

Community

answered Jun 26 '12 at 16:51

thecodeparadox

Vladimir Posvistelik · Answer 2 · 2012-06-26T17:11:12.877

0

You can do it with help of the slice function

Reduce the set of matched elements to a subset specified by a range of indices.

This approach will help you get rid of the numerical indices

See my example on jsfiddle

edited Jun 26 '12 at 17:11

answered Jun 26 '12 at 16:54

slice works by count, not ID. If he only had divs with ID 3, 4, 5 and wanted to get rid of 5 and above, your method would leave all 3. – Reinstate Monica Cellio Jun 26 '12 at 16:57
Yes, by count. But my method allow to work with DOM elements without unnecessary relations (between CSS-selectors and JS) – Vladimir Posvistelik Jun 26 '12 at 17:08

2 Answers2