JQuery - Closest ,上層特別父元件

JQuery - Closest ,上層特別父元件

常常會遇到,一個物件,需要不斷的parent().parent().parent() //請自行repeat N次

才能取得上層包含的父類別元件。

不像find()這麼容易的取得子類別元件。

原來JQuery還有一個方法叫closest,也可以類似find這麼容易處理

如下

<ul>
    <li><button>Remove</butotn></li>
    <li><button>Remove</butotn></li>
    <li><button>Remove</butotn></li>
</ul>

<script>
   $(document).ready(function(){
        $('button').closest('ul').remove();
   });
</script>

這樣就取得上層父類別的ul,並且對他做動作。