如何对嵌套的div和ol类进行div抓取

<div class="outer-div">
  <div class="inner-div">
    <ol class="ordered-list">
      <li>Item 1</li>
      <li>Item 2</li>
    </ol>
  </div>
</div>

// 获取最外层的 div
const outerDiv = document.querySelector('.outer-div');

// 获取嵌套的 inner-div
const innerDiv = outerDiv.querySelector('.inner-div');

// 获取嵌套的 ordered-list
const orderedList = innerDiv.querySelector('.ordered-list');

// 获取所有的 li 元素
const listItems = orderedList.querySelectorAll('li');

// 打印所有 li 元素的内容
listItems.forEach(item => {
  console.log(item.textContent);
});

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  // 获取最外层的 div
  const $outerDiv = $('.outer-div');

  // 获取嵌套的 inner-div
  const $innerDiv = $outerDiv.find('.inner-div');

  // 获取嵌套的 ordered-list
  const $orderedList = $innerDiv.find('.ordered-list');

  // 获取所有的 li 元素并打印内容
  $orderedList.find('li').each(function() {
    console.log($(this).text());
  });
});
</script>