jquery - 子要素のターゲット属性

Question

次のリストがあり、ユーザーがliをクリックしたときに、img.tipの属性srcの値を変数に割り当てたいと思います。これについて何か助けがありますか？ありがとう！！

<ul class="list">
<li data-id="7" data-thumb="http://test.com/assets/pdc/thumbs/66.png" data-img="http://test.com/assets/pdc/img/66.png" data-country="Australia" data-company="Big Farm" data-app="Tea" data-brand="Big Farm" data-package="500" class="product air-500 cat7">
    <img class="tip" data-country="Australia" data-brand="Big Farm" src="assets/img/ajax-loader.gif">
</li>
</ul>

何らかの理由で、このコードはクリックされたli要素のdata-thumb属性を取得します：S理由はわかりますか？

$(".list li").on("click", function() {
    var src = $(this).children(".tip").prop("src");
    // ...
});

Answer 1

$(".list li").on("click", function() {
    var src = $(this).children(".tip").prop("src");
    // ...
});

Answer 2

<li onclick="var x = this.getElementsByName('img')[0].src">
   <img src="kittens.jpg" />
</li>