children 在特定 class 的 parent 中的索引

Question

名为“.content”的 parent 容器包含各种 children 并且这些 children 是动态创建的。我试图不做每个循环并将 children 与单击的进行比较。

此代码告诉我我有多少 children 类型。

$(this).parents(".content").children(".r-s, .r-f").length

举个例子，上面的长度等于 5，我需要知道在（0-4 或 1-5）中选择了哪个 children。

我一直在查看 jquery .filter() 希望得到答案，.is() 似乎也很有希望。有什么建议吗？

Answer 1

您可以使用 jQuery 的 index 函数来获取被点击元素在父元素中的位置。 ……这样应该可以工作：

function clickCallback(event) {
  var index = $(".r-s, .r-f").index(event.target);
}

或者，如果您动态创建元素，则可以向具有相应索引的元素添加属性，然后只需在点击回调中访问它即可。

function clickCallback(event) {
  var index = event.target.getAttribute("customIndex");
}

Index of children in parent of a specific class