JavaScript
jQuery问题：如何获得选择器结果集中某个元素的索引
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区请注意，是要获取该元素相对于结果集的索引，而不是该元素相对于其父元素的索引！
例如有一段html如下
当前选中的food是甘蔗
现在另有一个按钮【next】，功能是每点一下，selected就跳到下一个food
每个group中包含的food数量是不一定的，我想用选择器$("#allFoods .food")来得到所有的food集合，用$("#allFoods .food.selected")来得到当前选中的food，然后挨个把selected往下移
也就是说，我不想把选择器写成跟group扯上关系，那样计算太麻烦
可是，有什么办法获得当前选中的food在所有的food集合中的索引呢
例如上边的例子，我希望用一个jQuery表达式获得当前索引4（甘蔗相对于所有食物集合的索引），而不是2（甘蔗相对于所在group的索引）！
请知道的朋友指点下！
例如有一段html如下
<div id="allFoods">
<div class="group">
<div class="food">包子</div>
<div class="food">油条</div>
</div>
<div class="group">
<div class="food">橘子</div>
<div class="food">香蕉</div>
<div class="food selected">甘蔗</div>
<div class="group">
<div class="group">
<div class="food">鸡腿</div>
<div class="food">蛋糕</div>
<div class="food">饺子</div>
<div class="food">酸奶</div>
</div>
</div>
当前选中的food是甘蔗
现在另有一个按钮【next】，功能是每点一下，selected就跳到下一个food
每个group中包含的food数量是不一定的，我想用选择器$("#allFoods .food")来得到所有的food集合，用$("#allFoods .food.selected")来得到当前选中的food，然后挨个把selected往下移
也就是说，我不想把选择器写成跟group扯上关系，那样计算太麻烦
可是，有什么办法获得当前选中的food在所有的food集合中的索引呢
例如上边的例子，我希望用一个jQuery表达式获得当前索引4（甘蔗相对于所有食物集合的索引），而不是2（甘蔗相对于所在group的索引）！
请知道的朋友指点下！
...全文
相关推荐
jQuery实现获取元素索引值index的方法
5. jQuery的索引方法：使用.index()方法获取当前选中按钮在同级元素中的索引值。
jQuery选择器选中最后一个元素，倒数第二个元素操作示例
### 选取倒数第二个元素选取倒数第二个元素时，我们可以利用jQuery的`.eq()`方法。`.eq()`方法接受一个索引值作为参数，返回匹配该索引的元素。
jquery选择器排除某个DOM元素的方法（实例演示）
在某些情况下，我们需要对已选择的元素集合进行过滤，排除掉不需要的元素。这时，jQuery的`:not()`伪类选择器就显得尤为重要了。
Jquery index()方法 获取相应元素索引值
由于 `#favorite` 是两个 `.hot` 类元素中的第二个，所以结果应该是 1（索引从 0 开始计数）。`index()` 方法还有几个需要注意的点：1.
jquery 获取当前元素的索引值
**选择器作为参数**：`$(selector).index(selector)` - 使用一个选择器作为参数，`.index()`返回该选择器匹配的第一个元素在jQuery对象集合中的索引。4.
