jQuery获取woocomerce页面的详细产品

Question

我对Jquery有问题。 我想在woocomerce页面的产品列表中获取每个产品的所有产品信息（标题，缩略图）。 每个产品下面都有HTML块：

<div class="commodity_style">
   <div class="commodity_style_pic">
      <a href="/dropship-ultrafire-s2-led-10w-1200-lumens-500m-focusing-white-strong-light-flashlight-black-p2771.html">
        <img src="/Resources/GoodsImages//2019/201905/201905181545479957_8f5e288a-59aa-480d-9c51-d82cae8fa4d0_350_350.jpg" alt="">
      </a>
   </div>
   <div class="commodity_style_text">
      <p class="commodity_title">
        <a href="/dropship-ultrafire-s2-led-10w-1200-lumens-500m-focusing-white-strong-light-flashlight-black-p2771.html">
          S2 LED 10W 1200 Lumens 500m Focusing White Strong Light Flashlight Black
        </a>
      </p>
   </div>
</div>

并且期望输出是一个像这样的数组：

[
  {position: 1, title: "S2 LED 10W 1200 Lumens 500m Focusing White Strong Light Flashlight Black", image: "/Resources/GoodsImages//2019/201905/201905181545479957_8f5e288a-59aa-480d-9c51-d82cae8fa4d0_350_350.jp"},
...
]

非常感谢您：D