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>