javascript - 次のコードはjqueryで何をしますか

Question

このjqueryでの検索は実際に何をしているのですか?

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

> セレクターがよくわかりません。ここ では、使用法が (parent > child) であることが示され、指定された要素の直接の子であるすべての要素が選択されます。しかし、ここで find では、親はまったく指定されていません。では、ここで何が起こっているのでしょうか?

Answer 1

と同じです.children('a').children('img').attr('src')

Answer 2

アンカータグ内のソースを img しますが、例を見つけるために親要素を指定する必要があります:

$('.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」を返す必要があります

「>」は CSS セレクターであることも指摘しておきます。jQuery に固有のものではありません。通常のCSS では、 の直接の子孫である any の直接の子孫である anyを選択.my_div > a > imgします。ほとんどの場合、この程度の特異性は実際にはやり過ぎです。<img><a>.my_div

Answer 4

これが動作するはずの方法です：

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

http://jsfiddle.net/XLRGm/