javascript - 如何找到 div 的最后一个后代？

Question

我想找到下面 html 的最后一个后代 div。我试过了，但它找到了第一次出现的 div。

我怎样才能做到这一点？

HTML:

<div class='greatparent'>
  <div>
    <div>
      <div>
        <div>
          <div>
            find this div element
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

jQuery:

$('.greatparent').find('div:last-child').html('you found me');

Answer 1

您可以使用 jQuery 找到唯一的 <div> 来解决这个问题没有 <div> 的元素 child :

$(".greatparent").find("div:not(:has(div))")