我们有这样的 html 代码:
<div class="blocks">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>
如何获得:
1) 前五个元素？
2) 可见 block 的数量(它们可以是不可见的)。
3) 所有元素的数量？
4) 不可见元素的数量？
5) 使元素可见(n)？
6) 使从n到n的元素不可见？
n 是一个索引号。
这一切只对应于.block div。
最佳答案
1) 前五个元素？
$('.block:lt("5")'); // zero-based indexing.
2) 可见 block 的数量(它们可以是不可见的)。
$('.block:visible').length; // gets all visible '.block' elements.
$('.block:visible:lt("5")'); // the first five elements
$('.block:visible:gt("2")'); // all elements after the third (zero-based indexing)
3) 所有元素的数量？
$('.block').length;
4) 不可见元素的数量？
$('.block').not(':visible');
$('.block:hidden'); // thanks @strager
5) 使元素可见(n)?
$('.block').eq(n).show();
6) 使从 n 到 n 的元素不可见？
$('.block').each(
function(i){
var lowBound = 2, highBound = 10;
if (i > lowBound && i < highBound) {
$(this).hide();
}
});
$('.block').slice(low, high).hide(); // use this approach, it's much better! Thanks, again, @strager
引用资料:
关于javascript - 如何在 jQuery 中使用索引？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5398761/