jQuery中,closest方法可以用來查找指定元素的最近祖先元素,可以結合選擇器來查找指定類型的祖先元素。
closest方法的語法如下:
$(selector).closest(filter)
其中,selector表示要查找的元素,filter表示要篩選的元素。
closest方法返回的是一個jQuery對象,包含了所有符合條件的最近祖先元素。如果沒有符合條件的祖先元素,則返回空的jQuery對象。
下面是一個示例代碼:
<div> <ul> <li>apple</li> <li class="selected">banana</li> </ul> <p>fruit: <span id="fruit-type"></span></p> </div> <script> $(document).ready(function(){ var $selectedItem = $('.selected'); var $fruitType = $selectedItem.closest('div').find('#fruit-type'); $fruitType.text($selectedItem.text()); }); </script>
在上面的示例代碼中,我們首先通過$('.selected')選擇了一個元素,然后使用.closest('div')方法查找這個元素最近的div祖先元素,最后使用.find('#fruit-type')方法在這個div中查找id為fruit-type的元素。最終,我們將找到的元素的text設置為了選中元素的text。
上一篇mysql一張表只有主碼
下一篇mysql一張表幾個索引