jQuery显示数据索引大于或等于的所有容器

Question

我有许多具有不同索引的 DIV 容器。我如何使用 jQuery 显示索引大于或等于 data-index="3"的所有容器？所有索引较小的容器都应该隐藏。

示例

<div class="container" data-index="0"></div>
<div class="container" data-index="1"></div>
<div class="container" data-index="2"></div>
<div class="container" data-index="3"></div>
<div class="container" data-index="4"></div>
<div class="container" data-index="5"></div>

Answer 1

使用 jquery filter 试试这个

var divs = $('.container').filter(function() {
  return $(this).attr("data-index") >= 3;
})