如何获取被点击li元素中所有img标签的src属性？

嘿，这个需求处理起来很直接，咱们就在你已经绑定好的点击事件里做文章就行～

完整代码实现 #

$('#container li').bind("click", function(e) {
  // 定位当前被点击的li，找到它内部所有img元素
  const allImgs = $(this).find('img');

  // 方式1：逐个遍历获取每个img的src
  allImgs.each(function() {
    const imgSrc = $(this).attr('src');
    console.log('当前图片src：', imgSrc);
    // 这里可以把src存到变量、数组，或者做其他业务处理
  });

  // 方式2：一键把所有src收集成数组（更适合批量处理）
  const srcList = allImgs.map(function() {
    return $(this).attr('src');
  }).get();
  console.log('所有图片src数组：', srcList); // 输出 ["src1", "src2"]
});

关键细节说明 #

• $(this)：在点击回调里，它就是当前被点击的那个li元素，能精准锁定咱们要操作的范围，不会误触其他li里的图片。
• .find('img')：会匹配当前li下所有img标签，哪怕是设置了display:none的隐藏图片也不会漏掉，完全满足你的需求。
• .map()+get()：这俩方法配合可以快速把所有img的src打包成数组，后续不管是展示还是提交数据都很方便。

内容的提问来源于stack exchange，提问作者Biljana Glumac