jquery中closest()方法的详细解释和使用

正文：

写一个JS动态效果的时候，发现了一个JQuery里从来没有见过的最接近的()方法。看了介绍和使用方法，发现非常好用。下面汇站会详细讲一下。

jQuery closest() 方法

closest()：从当前元素开始向上，遍历所有的祖先元素，直达文档的html元素标签。

 $(selector).closest(filter)  

参数：

jQuery closest() 方法的使用

示例1：

<ul>
    <li><span id="mochu">sdfsdf</span></li>
</ul>
<script>
$('#mochu').closest('ul').css('color','red');
</script>   

示例2：

<div class="divs">
    <ul>
        <li><span id="mochu">feiniaomy.com</span></li>
        <li><span>我会变成红色</span></li>
        <li><span>汇站网</span></li>
    </ul>
</div>
<script>
$('#mochu').closest('.divs').css('color','red');
</script>   

示例3：

 <div class="divs">
    <ul>
        <li><span id="mochu">feiniaomy.com</span></li>
        <li><span>我会变成红色</span></li>
        <li><span>汇站网</span></li>
    </ul>
</div>
<script>
$('#mochu').closest('ul').find('li').eq(1).css('color','red');
</script>  

转载请注明：汇站网 » jquery中closest()方法的详细解释和使用