jQuery中的closest()方法是一種查找最接近父元素的方法。該方法的主要作用是查找當(dāng)前元素最近的指定選擇器的祖先元素。例如,有時(shí)我們需要獲取一個(gè)按鈕與其最近的表單元素,這時(shí)候就可以使用closest()方法實(shí)現(xiàn)。
$(document).ready(function() { $('button').click(function() { var $form = $(this).closest('form'); console.log($form.attr('id')); }); });
在上述代碼中,當(dāng)我們點(diǎn)擊button元素時(shí),closest()方法會(huì)查找最近的form元素并將其賦值給$form變量。然后,我們就可以使用$form變量來獲取表單元素的屬性或執(zhí)行其他操作。
此外,closest()方法還可以使用過濾器選擇器來獲取符合條件的祖先元素。例如,在下面的代碼中,我們可以獲取一個(gè)按鈕距離最近的擁有class為container的div元素:
$(document).ready(function() { $('button').click(function() { var $container = $(this).closest('.container'); console.log($container.attr('class')); }); });
總之,closest()方法是非常有用的一種元素查找方法,特別適用于在復(fù)雜的HTML結(jié)構(gòu)中查找最近的祖先元素。