jQuery中的closest()方法是用于查找最接近指定元素的祖先元素的方法。它在DOM樹上向上查找祖先元素,直到找到匹配指定選擇器的元素為止
該方法的語法如下:
$(selector).closest(filter)
其中,selector表示要查找的元素,可以使用任何有效的jQuery選擇器。filter表示要匹配的選擇器
舉個(gè)例子:
<div> <p>我是一個(gè)段落</p> <ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> </ul> </div> <script> $(document).ready(function(){ $("li").click(function(){ $(this).closest("div").css("background-color", "yellow"); }); }); </script>
上面的代碼中,當(dāng)用戶點(diǎn)擊列表項(xiàng)時(shí),將查找最接近的祖先元素div,然后將它的背景色設(shè)為黃色。
需要注意的是,closest()方法只能向上查找祖先元素,不能向下查找后代或兄弟元素。