javascript - 查找同一类但具有不同父元素的元素的索引

Question

假设我有同一类的元素，但它们包装在不同的父 div 中。我将如何找到每个 .child div 的索引？

如果我要在迭代器中调用索引，我会返回 0，因为它是父 div 中唯一的 .child。我想要做的是取回基于 #container div 范围内的那些 div 的索引。

$(function() {
  $("#container .child").text(function() {
    var i = $(this).index();
    return "The index of this element is " + i
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="container">
  <div id="one">
    <div class="child"></div>
  <div>

  <div id="two">
    <div class="child"></div>
  <div>

  <div id="three">
    <div class="child"></div>
  <div>
</div>

Answer 1

传递给 .text() 方法的回调函数的第一个参数是当前集合中的索引。

$(function() {
  $("#container .child").text(function(i) {
    return "The index of this element is " + i
  });
});