javascript - 如何选择大于某个值的所有类

Question

假设我有以下内容:

<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>

是否有一个选择器可以抓取 d3 到 d7 的所有 div？

You can fiddle around with it here

请记住，它们在 DOM 中的顺序可能不正确。

Answer 1

您可以使用 match()从类名和 filter() 中提取数字将元素集限制为您想要的子集:

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