javascript - 为什么 jQuery .find() 只返回第一个元素？

Question

我正在尝试使用 find() 函数来获取我的所有子元素，使用 each() 函数我希望它返回所有元素，但它只得到第一个元素。这两个函数是不是有什么误解？

if ($('.test').length > 0) {
  var srcset;
  $(".test").each(function(index, ele) {
    srcset = $(ele).find("source").attr("srcset");
    console.log(srcset);
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<picture class="test">
  <source srcset="###">
  <source srcset="###">
  <source srcset="###">
  <img src="#" alt="">
</picture>

Answer 1

您得到第一个是因为 .attr()将返回第一个元素属性，您必须使用 .each() 循环选择，还有一件事你可以直接使用 ".test source" 选择器，这是一个工作片段:

if ($('.test').length > 0) {
  srcset = $(".test source");
  srcset.each(function(i, el){
    console.log($(el).attr('srcset'));  
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<picture class="test">
  <source srcset="###">
  <source srcset="###">
  <source srcset="###">
  <img src="#" alt="">
</picture>