Question

jquery实际上在做什么？

find('> a > img').attr('src');

我不确定＆gt;选择器。 Here它告诉用法是（parent＆gt; child）选择所有作为指定元素的直接子元素的元素。但在这里发现父母根本没有指定。那么这里发生了什么？

Answer 1

与.children('a').children('img').attr('src')

相同

Answer 2

它将在锚标记内部img源，但应指定父元素以查找ex：

$('.parent-class').find('>a > img').attr('src');

Answer 3

您可以将对象传递给find()，它将充当父选择器。鉴于此标记：

<div class="my_div">
    <a href="#">
        <img src="images/my_img.jpg" />
    </a>
</div>

$('.my_div').find('> a > img')应该将图片作为对象返回，而$('.my_div').find('> a > img').attr('src')应该返回“my_img.jpg”

我还会指出'＆gt;'是一个CSS选择器;它并不是jQuery独有的。在vanilla中，CSS .my_div > a > img会选择任何<img>作为任何<a>的直接后代，依次是.my_div的直接后代。在大多数情况下，这种程度的特异性实际上是过度杀伤。

Answer 4

它应该如何运作：

var a = $("#outerDiv").find('> a > img').attr('src');
$("#mydiv").html(a);