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>