javascript - jQuery 索引查找

Question

<div class="es-carousel">
    <ul>
        <li><a><img src="something157.jpg" ></a></li>
        <li><a><img src="blabla.jpg"></a></li>
        <li><a><img src="nonsense.jpg"></a></li>
        <li><a><img src="cthulhu.jpg"></a></li>
    </ul>
</div>

上面是html。

我使用的 jQuery 选择器来查找具有正确 src 的 img:

$(".es-carousel").find("ul li a img[src*='something']")

问题是我需要找到这张图片所在的 li 的索引。(我计划为此使用 .index())我不知道如何选择具有该图像的精确 li。

任何人都可以告诉我正确的方向或给我一个想法吗？感谢所有帮助。

Answer 1

:has()和 index()在这种情况下会帮助你

$(".es-carousel").find("ul li:has(a img[src*='something'])").index();