jquery 中closest()的用法

最新推荐文章于 2023-08-21 18:09:17 发布

weixin_30527323

最新推荐文章于 2023-08-21 18:09:17 发布

阅读量303

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Minghao_HU/archive/2012/08/31/2665793.html

版权

在jquery中遍历标签有parents()和closest()两个查找父元素的标签区别如下：

closest()是从当前标签开始查找如下代码：

var h = $('li.class1').closest('div').css('background-color', 'red');

<div>fjhdfjhdfgh
            <ul>
                <li class="class1">sdfgsdfg</li>
                <li class="class2">gdsgsdfg</li>
                <li class="class3">sdfgsdfg</li>
                <li class="class4">sdfg</li>
            </ul>
        </div>

是从红色的li标签开始向父标签找，找到第一个div标签为止。closest()返回值为一个jquery对象或者0个。

parents()大家都经常用，他是从dom的根节点开始找，返回值是多个，一个或者0个。

转载于:https://www.cnblogs.com/Minghao_HU/archive/2012/08/31/2665793.html