jquery - 使用 jQuery 获取嵌套元素

Question

我想获取嵌套在 select 元素之后的一些 span 中的 ul 元素。
我怎么能用 jQuery 做到这一点？

<select id="my-select" class="my-select">
  <option value="1">One value</option>
  ...
</select>

<span class="first-span">
  <span class="second-span">
    <span class="third-span">
      <ul class="my-list"> 
        <li class="">First li</li>
        ...
      </ul>
    </span>
  </span>
</span>

标签： jquery

Answer 1

或者，如果您无法使用类，请使用next()and find()。

例子：

let result = $('#my-select').next('span').find('ul li').text();
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="my-select" class="my-select">
  <option value="1">One value</option>

</select>

<span class="first-span">
  <span class="second-span">
    <span class="third-span">
      <ul class="my-list"> 
        <li class="">First li</li>

      </ul>
    </span>
  </span>
</span>