jQuery 获取最接近的形式 - Javascript

有时候我们需要在一个文档中获取与指定元素最接近的元素。jQuery 提供了一个很方便的方法来解决这个问题。

语法

$(selector).closest(filter);

参数说明：

• selector：必需，规定选择器表达式或 DOM 元素；
• filter：可选，规定筛选元素的选择器表达式。

实例

以下是一个简单的例子：

<div>
  <ul>
    <li>列表项 1
      <ul>
        <li>子列表项 1</li>
        <li class="highlight">子列表项 2</li>
      </ul>
    </li>
    <li>列表项 2</li>
  </ul>
</div>

$(document).ready(function(){
  $(".highlight").closest("ul").css("background-color", "yellow");
});

在这个例子中，我们通过 jQuery 找到了与 .highlight 元素最近的 ul 元素，并将其背景颜色设置为黄色。

总结

通过使用 jQuery 的 closest() 方法，我们可以很方便地获取最接近指定元素的元素。