javascript - 如何获取包含特定子项的元素的索引

Question

我有一系列 div 元素，其中一些包含 h2 元素作为子元素(直接或间接(后代))。我寻找一个 javascript 或 jquery 给我这样一个 div 元素的索引。此外，我想从特定的 div 元素开始搜索。我的意思是索引大于 x 的 div 元素包含 h2。下面的代码在所有包含 h2 的 div 系列中找到它们。但是，有些 div 可能不包含 h2，应该计算在内。

$(".myDivs h2:gt(2)").eq(0)

HTML 示例:

<div class='myDivs'></div>
<div class='myDivs'><h2>Hi</h2></div>
<div class='myDivs'></div>
<div class='myDivs'><div><h2>How are you</h2></div></div>
<div class='myDivs'></div>

如果 x=2 我想要第四个 div 的索引 3，类 myDivs 包含一个 h2.

Answer 1

这是我目前发现的有效方法:

$(".myDivs:gt("+x+"):has(h2)").eq(0).index()

由于 gt 已被弃用，更好的解决方案是:

$(".myDivs").slice(x).has("h2").first().index()