分别查找特定类的子序列号

Question

如何在div中的特定类中分别找到一个孩子的序列号？

例如我有

<div>
<div class="red">First</div>
<div class="blue">Second</div>
<div class="red">Third</div>
</div>

我怎么能发现文字为Third的div是第二个div，而＃34;红色＆＃34;？

Answer 1

要获取集合中的索引，请对集合应用index()方法并将元素作为参数提供。或者将该方法应用于jQuery元素对象，并提供集合选择器作为方法的参数。

＆＃13;

＆＃13;

Sheet1

＆＃13;

console.log(
  $('.red').index($('.red:contains(Third)')) + 1
)

// or the reverse

console.log(
  $('.red:contains(Third)').index('.red') + 1
)

＆＃13;

＆＃13;

＆＃13;

仅供参考：您需要添加<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <div class="red">First</div> <div class="blue">Second</div> <div class="red">Third</div> </div>索引，因为索引从1开始。