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

2023-11-17 0 859

正文:

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

jQuery closest() 方法

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

 $(selector).closest(filter)  

参数:

filter:必填,搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。

context:选填,在其内可以找到匹配元素的 DOM 元素。

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()方法的详细解释和使用

收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

打赏二维码
点赞 (0)

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务

  •  购买了 「意象」桌面扫码点餐小程序源码,于方寸之间开启餐饮消费新体验