Jquery 子元素的目标属性

我有下面的列表，当用户单击一个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>

谢谢，但是我不能用jquery，我最好用jquery“不能用jquery，需要用jquery”吧？jquery是javascript，我的示例是纯javascript。谢谢，但是出于某种原因，它在clicked li元素中提取了data thumb属性，知道为什么会这样吗？@user1937021它不能。它只是从

src

属性获取完整的URL。您也可以使用

.attr（“src”）

而不是

.prop（“src”）

。

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

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

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