如何用jQuery或CSS选中容器内序号为2、3、6、7、10等的.item元素？

嘿，我来帮你搞定这个问题！你要选中的2、3、6、7、10...这类元素，其实有很清晰的规律，用CSS或者jQuery都能轻松实现，我给你详细说下：

你可以利用CSS的:nth-child()伪类精准匹配目标元素。观察你要选的序号：2、3、6、7、10...，核心规律是每4个元素为一组，选中每组里的第2和第3个，对应的CSS选择器公式是 4n+2 和 4n+3（n从0开始计数）。

直接添加以下CSS规则就能生效：

/* 选中第2、3、6、7、10...个.item元素 */
.container .item:nth-child(4n+2),
.container .item:nth-child(4n+3) {
  /* 示例：修改背景色来标记选中元素 */
  background: orange;
}

简单解释：nth-child(4n+2) 会匹配位置为2、6、10...的元素，4n+3 则匹配3、7、11...的元素，两者组合正好覆盖你需要的所有目标元素。

如果你需要用jQuery对这些元素做交互操作（比如绑定事件、修改属性），可以沿用同样的选择器逻辑：

// 示例：给目标元素添加自定义类
$('.container .item:nth-child(4n+2), .container .item:nth-child(4n+3)').addClass('selected');

或者用更灵活的filter()方法筛选，方便后续调整规律：

$('.container .item').filter(function(index) {
  // jQuery的index从0开始，元素实际序号是index+1
  const actualPosition = index + 1;
  // 判断是否属于目标位置：除以4余2或余3
  return (actualPosition % 4 === 2) || (actualPosition % 4 === 3);
}).css('background', 'orange');

你可以把这些代码加到你的示例代码里测试，比如修改背景色，就能直观看到选中效果啦！

内容的提问来源于stack exchange，提问作者Keviin Cosmos