jQuery：只给定一个元素 ID 名称，它如何找到它在 dom 中相对于其父元素的位置？

Question

这个把我难住了。

<div id="container">
    <div id="store"></div>
    <div id="contact"></div>
</div>

我正在寻找作为“容器”子级的联系人 div 位置。所以要特别明确的是，如果我正在寻找“联系人的位置”，我需要 jquery 返回数字 1。

非常感谢任何帮助！ 谢谢！

Answer 1

您可以尝试类似的操作：

$('#contact').prevAll('div').length + 1

如获取前一个 div 兄弟姐妹的长度。如果您想要从零开始的索引，请省略 +1。

Answer 2

var el = document.getElementById("contact");
var i = 0;
while (el.previousSibling != null)
{
   el = el.previousSibling;
   i = i + 1;
}
// i is the index of the item. 

Answer 3

也许找到父节点并遍历子节点，直到找到节点，并一路计数。

function findPos(id) {
  var child = $('#' + id), children = child.parent().children();
  for (var i = 0; i < children.length; ++i)
    if (children.get(i) == child) return i;
  throw "makes no sense";
}

当然，您可以将其转换为 jQuery 方法。

Answer 4

像这样的东西应该有效：

var ids = $("#container").children().map(function(n, i) {
    return n.id;
});

var requiredIndex = jQuery.inArray("contact", ids);