Question

Suppose I have the following:

<div class="d1">.</div><br>
<div class="d2">.</div><br>
<div class="d3">.</div><br>
<div class="d4">.</div><br>
<div class="d5">.</div><br>
<div class="d6">.</div><br>
<div class="d7">.</div><br>
<div class="d8">.</div><br>
<div class="d9">.</div><br>
<div class="d10">.</div><br>

Is there a selector that will grab all divs of, say, d3 through d7?

You can fiddle around with it here

Keep in mind that they may not be in order in the DOM.

Answer 1

You can use match() to extract the numbers from the class names and filter() to restrict the set of elements to the subset you want:

var divs = $("div").filter(function() {
    var number = parseInt(this.className.match(/\d+/)[0], 10);
    return (number >= 3 && number <= 7);
});