如何使用 jQuery 选择其中包含直接 img 标签的所有链接？

Question

我有以下 html，

 <div id="sec">
     <a><img /></a>
 </div>

如何使用 jQuery 选择此 div 中包含 id="sec" 的直接 img 标签的所有链接？

Answer 1

div#sec a> img

> 表示直接后代。

事后使用 .parent() 再次获取 。

Answer 2

$('#sec a>img').parent()

可以工作。还没有测试过。

Answer 3

$('#sec a:has(> img)')

请参阅 :has 选择器

Answer 4

您甚至可以使用 jQuery.fn.has。

$('a').has('img');

或 jQuery.fn.find 与 jQuery.fn.end：

$('a').find('img').end();