jquery - jQuery 集合中的每个第 n 个元素

Question

我想选择 jQuery 元素集中的每一个元素。

例如。

<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>
  <li>F</li>
  <li>G</li>
</ul>

1. 如何选择每三个(C 和 F)元素？
2. 如何选择同一组中非三分之一(A、B、D、E、G)的所有其他元素？

Answer 1

您可以使用$.grep函数将集合中的每个元素及其索引(从 0 开始)传递给回调。因此，由您决定要保留哪一个:

var elements = $('<ul><li>A</li><li>B</li><li>C</li><li>D</li><li>E</li><li>F</li><li>G</li></ul>').find('li');
var result = $.grep(elements, function(element, index) {
    return (index + 1) % 3 == 0;
});

如果您想要其他元素，只需反转条件:(index + 1) % 3 != 0

另一种可能性是使用 .filter()功能:

var result = $('<ul><li>A</li><li>B</li><li>C</li><li>D</li><li>E</li><li>F</li><li>G</li></ul>')
    .find('li')
    .filter(function(index) {
        return (index + 1) % 3 == 0;    
    });