如何在<li> <div>标签内获取img src？

Question

我正在尝试从选定的列表项中获取图像的src.HTML看起来像这样:

<li id="player_7">
  <div class="nailthumb-container square-thumb">
    <img src="../photos/files/7/thumb/6c0f1676cdcb1a9a5215db3e12572450.jpeg" />
  </div>
</li>

我现在可以从所选列表元素中获取玩家ID,如下所示:

jQuery的

$('#myDiv').find("li").click(function() {
    var user_id = $(this).attr('id').substr(7);
});

如何从选定的列表元素中获取img src？

Answer 1

如果user_id对应于玩家ID中的数字,请尝试:

var src = $("#player_" + user_id + " img").prop("src");

否则,分别对于单击的列表项:

$("#myDiv").find("li").click(function() {
    var src = $("img", this).prop("src");
});