在jQuery選擇器中,有時候我們需要選擇離某個元素最近的另一個元素,這時候就需要用到jQuery的最近選擇器(closest selector)。
$(selector).closest(filter)
這個方法的作用是從指定選擇器匹配的元素開始,一直向上查找祖先元素,直到找到一個最近的匹配filter選擇器的元素為止。這個最近的元素可以是自己。
下面是一個例子:
<div> <ul> <li>菜單1</li> <li>菜單2</li> <li>菜單3</li> </ul> <button>點擊我</button> </div>
如果我們想從按鈕開始,往上查找最近的div元素:
$('button').closest('div')
這里選擇器會找到div元素,因為它是最近的匹配filter選擇器的元素。
需要注意的是,closest()方法只會查找祖先元素,不會查找后代元素。
最近選擇器在某些情況下非常有用,比如我們可以使用它來動態查找DOM中的元素并進行一些操作。