子元素的target属性

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>