如何确定子序号位置？需要： $("#parent").ordinalChild('#some-child') => 3（比如说）

Posted 2023-05-09

【中文标题】如何确定子序号位置？需要： $("#parent").ordinalChild(\'#some-child\') => 3（比如说）

【英文标题】：How determine child ordinal position? Need: $("#parent").ordinalChild('#some-child') => 3 (say)如何确定子序号位置？需要： $("#parent").ordinalChild('#some-child') => 3（比如说）

【发布时间】：2011-03-10 17:13:25

【问题描述】：

因为 Jquery UI 选项卡 doesn't support passing id selector to remove() tab method 和 no method exists to map id to index，我不得不痛苦地“跳圈”来确定要删除的选项卡的索引。

我刚刚搜索了 JQuery 的文档，但无法找到一种实用方法来返回某个子项在父项下的序数位置的整数。我想我想要

的功能相反

.eq()

遍历方法（确定索引，不按索引选择）。

这样的东西存在吗？：

$("#parent").ordinalChild('#some-child')

如果“some-child”是第一个孩子，则返回 0，第二个孩子则返回 1，等等。

或者我如何在不编写循环和计数的情况下获得它？

【参考方案1】：

见index

如果选择器字符串作为参数传递，.index() 返回一个整数，指示 jQuery 对象中的第一个元素相对于选择器匹配的元素的位置。如果未找到该元素，.index() 将返回 -1。

$('#parent').children().index('#some-child');

【讨论】：

在主文档页面上，我在“jQuery API Reference”下的每个类别中搜索了 3 次，但没有列出！感谢您向我指出这一点。