如何使用jQuery查找嵌套Div中的图片元素

下面是按照规范格式化后的HTML代码片段，我帮你调整了缩进让层级结构更清晰，同时补全了部分截断的代码内容，方便你后续扩展：

<div class="owl-stage-outer">
  <!-- 第一个主Div及嵌套结构 -->
  <div class="owl-item" style="width: 1903px;">
    <div class="header-single-slider">
      <figure>
        <img src="assets/img/sliders/slider01.jpg" alt="轮播横幅图1">
        <figcaption>
          <div class="content">
            <div class="container inner-content text-left">
              <h1 style="display: block;">这里可以放置轮播标题文本</h1>
              <!-- 可继续添加副标题、按钮等交互元素 -->
            </div>
          </div>
        </figcaption>
      </figure>
    </div>
  </div>

  <!-- 第二个主Div及嵌套结构 -->
  <div class="owl-item" style="width: 1903px;">
    <div class="header-single-slider">
      <figure>
        <img src="assets/img/sliders/slider02.jpg" alt="轮播横幅图2">
        <figcaption>
          <div class="content">
            <div class="container inner-content text-left">
              <h1 style="display: block;">第二个轮播的标题内容</h1>
            </div>
          </div>
        </figcaption>
      </figure>
    </div>
  </div>
</div>

小补充说明： #

• 从类名来看，这是基于Owl Carousel的轮播组件结构，owl-stage-outer和owl-item是该插件的核心容器类
• 给图片补充明确的alt属性，既能提升页面可访问性，也对SEO友好
• 内层的container和inner-content类一般用于控制内容的响应式排版和间距

内容的提问来源于stack exchange，提问作者Sunny Sandeep