jQuery 獲取父元素的幾種方法

jQuery 獲取父元素的幾種方法

1. parent() 獲取父元素
2. parents() 獲取祖先元素
3. parentsUntil() 獲取祖先元素，但不包括那個選擇器匹配到的元素

更多jQuery API 可以查看 jQuery API 中文手冊

代碼

//HTML代碼
<ul  class="tab">
    <li><a href="javascript:;">推薦</a></li>
    <li><a href="javascript:;">新聞</a></li>
    <li><a href="javascript:;">社會</a></li>
</ul>

// 引入jQ
<script src="jquery-3.1.1.min.js"></script>


//jQ代碼
<script>
    //獲取所有的li
    $('a').parent() ; //li li li 
    $('a').parentsUntil('.tab'); //li li li 
     
    
    //獲取a的所有祖先元素 
    $('a').parents() //li li li ul body html
    
    //獲取.tab的祖先元素
    $('a').parents('.tab'); //ul.tab
    
    
</script>