javascript - jquery - 它是整个集合中的哪个对象？

Question

我想知道是否有一种简单的方法可以找出我考虑的哪个 dom 对象也在另一组对象中。让我们举个例子:

我有 5 个 div:

<div id="1"></div>
<div id="2" class="abc"></div>
<div id="3" class="abc"></div>
<div id="4"></div>
<div id="5" class="abc"></div>

现在，我想知道 id="5"的哪个(第一、第二、第五等)div 在 class="abc"的 div 集合中。它会像这样工作:

var result = $('#5').which('.abc') => 3
var result = $('#5').which('div') => 5

如果不循环和比较名称，这可能吗？

更清楚地说，我想做一些与第 n 个 child 相反的事情，因为第 n 个 child 需要 N 作为参数，我想计算这个 N。

Answer 1

您可以使用 jQuery 的 .index()函数(结果从零开始):

console.log( $('#5').index('div.abc') )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="1"></div>
<div id="2" class="abc"></div>
<div id="3" class="abc"></div>
<div id="4"></div>
<div id="5" class="abc"></div>