javascript - 使用 jquery 获取所有图像并保存在单独的变量中

Question

我正在研究网络爬虫(使用 axios、cheerio 从网站获取 html)所以根据要求我必须从所有 A、B 部分获取图像，但问题是由于这些图像是静态的。有时 A 部分包含2 个图像，有时 B 部分包含 3 个图像。因此要求将 A 部分图像保存在不同的变量中，将 B 部分图像保存在不同的变量中。我被困在这里如何做到这一点...不知道如何区分这一点。

<div class="container headingWrapper">
   <h3 class="DetailSection_heading ">Section A:</h3>
</div>

<div class="DetailSection_content">
  <div class="container">
    <div class="css-0">
      <div class="row justify-content-center">
        <div class="col-lg-6">
          <img src="https://img_url_1" alt="" class="DetailSectionImage" data-index="0">
          <img src="https://img_url_2" alt="" class="DetailSectionImage" data-index="0">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="container headingWrapper">
   <h3 class="DetailSection_heading ">Section B:</h3>
</div>

<div class="DetailSection_content">
  <div class="container">
    <div class="css-0">
      <div class="row justify-content-center">
        <div class="col-lg-6">
          <img src="https://img_url_3" alt="" class="DetailSectionImage" data-index="0">
            <img src="https://img_url_4" alt="" class="DetailSectionImage" data-index="0">
        </div>
      </div>
    </div>
  </div>
</div>

jquery代码:

const Fetched_imgs = $('div.DetailSection_content img').map(function() {
  return $(this).attr("src")
}).get();

Answer 1

要查找第一组中的图像:$('div.DetailSection_content').eq(0).find('img.DetailSectionImage')

要查找第二组中的图像:$('div.DetailSection_content').eq(1).find('img.DetailSectionImage')

例子:

// First group:
const Fetched_imgs_1 = $('div.DetailSection_content').eq(0).find('img.DetailSectionImage').map(function() {
  return $(this).attr("src")
}).get();

// Second group:
const Fetched_imgs_2 = $('div.DetailSection_content').eq(1).find('img.DetailSectionImage').map(function() {
  return $(this).attr("src")
}).get();

console.log(Fetched_imgs_1); // Array [ "https://img_url_1", "https://img_url_2" ]
console.log(Fetched_imgs_2); // Array [ "https://img_url_3", "https://img_url_4" ]

引用:find first occurrence of class in div