如何通过遍历找到与class最接近的div？

<div class="container">
  <div class="sibling">Sibling 1</div>
  <div class="target">Target Element</div>
  <div class="sibling">Sibling 2</div>
</div>

// 获取目标元素
const targetElement = document.querySelector('.target');

// 使用closest方法找到最近的祖先div
const closestDiv = targetElement.closest('div');

console.log(closestDiv); // 输出: <div class="container">...</div>

// 获取目标元素
const targetElement = document.querySelector('.target');

// 获取下一个兄弟元素
const nextSiblingDiv = targetElement.nextElementSibling;
if (nextSiblingDiv && nextSiblingDiv.tagName === 'DIV') {
  console.log(nextSiblingDiv); // 输出: <div class="sibling">Sibling 2</div>
}

// 获取上一个兄弟元素
const prevSiblingDiv = targetElement.previousElementSibling;
if (prevSiblingDiv && prevSiblingDiv.tagName === 'DIV') {
  console.log(prevSiblingDiv); // 输出: <div class="sibling">Sibling 1</div>
}