Javascript 如何在a<；中获取img src；李>&书信电报；部门>；标签？

我正在尝试从所选列表项获取图像的src。HTML如下所示：

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

---

如何从所选列表元素获取img src？

如果

用户id

对应于玩家id中的数字，请尝试：

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

否则，分别单击列表项：

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

---

使用jQuery获取图像元素，然后读取其src属性

$('#myDiv').find("li").click(function() {
    var user_id = $(this).attr('id').substr(7);
   var src = $("img", this)[0].src;
});

---

请问您为什么要做

$（“#myDiv”）。查找（“li”）

什么时候

“$（“#myDiv li”）

就可以了？那么，在这一点上，以下内容就足够了：

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

就我个人而言，我倾向于在ID上使用拆分来获取用户ID（

.attr（'ID'）.split（“''[1]

），但鉴于如果需要更改前缀或命名约定，您必须以任何方式修改代码，我想这并不重要。这可能会影响性能（因为split似乎总是更快，尽管我不记得为什么），如果您一次要解析很多这样的操作，但是对于逐个操作，substr应该可以正常工作

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