javascript - 分别查找特定类(class)的 child 的序列号

Question

如何在div中找到特定类别的 child 的序列号？

例如我有

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

我如何才能发现带有文本 Third 的 div 是类为“red”的第二个 div？

Answer 1

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

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

// or the reverse

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

<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，因为索引从 0 开始。