closest() 方法

定义和用法

closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。

语法

.closest(selector)

点击导航a链接,添加active类样式,因为是a标签,点击后会刷新,固如果通过a标签的店家加样式的话,会被刷新掉

因此,在页面加载方法里字符串截取拿到href地址然后手动去addClass

  $(function () {
        // 菜单项保持打开状态
        var href = window.location.href;
        var path = href.substring(href.indexOf(‘/pages‘), href.indexOf(‘.aspx‘) + 5);
        var $a = $("#navTab a[href=‘" + path + "‘]");
        var $li = $a.closest(‘li‘);
        $li.addClass(‘active open‘);
        $li.parent().closest(‘li‘).addClass(‘active open‘);
    })
时间: 2024-10-26 18:23:35

closest() 方法的相关文章

jquery closest方法

.closest( selector ) Description: For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree. 使用说明: 对于集合(set)中的每一个元素, 通过在文档树中向上遍历这个元素本身和它的祖先元素,来取得

jquery的closest方法的使用以及其与parents方法之间的差异

closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身.如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素.如果什么都没找到则返回一个空的jQuery对象.closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找:2,前者逐级向上查找,直到发现匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤:3,前者返回0或1个元素,后者可能包含0 个,1个,或者多个元素.

jQuery遍历之closest()方法

// 从元素本身开始,在DOM 树上逐级向上级元素匹配,并返回最先匹配的祖先元素. // 常用格式: var tbl = $(obj).closest("table"); // 这句js的意思是找到obj对象的第一个table祖先元素,这里的obj可以是tr,tbody,td,td或tr里面的input,等等元素标签. // 例如: $("div").closet("li'); .closest() .parents() 起始位置不同 从当前元素开始 从父

closest和parents方法区别

今天第一次看到closest方法,以前也从来没用过. 该方法从元素本身开始往上查找,返回最近的匹配的祖先元素. 1.closest查找开始于自身,parents开始于元素父级 2.closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象

jQuery基础(DOM篇,append(),after(),prepend(),insertAfter(),节点删除,遍历方法each())

1.DOM创建节点及节点属性   创建流程比较简单,大体如下: - 创建节点(常见的:元素.属性和文本) - 添加节点的一些属性 - 加入到文档中   流程中涉及的一点方法: - 创建元素:document.createElement - 设置属性:setAttribute - 添加文本:innerHTML - 加入文档:appendChild   2.jQuery节点创建与属性的处理 创建元素节点: 可以有几种方式,后面会慢慢接触.常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来

closest()一个在评论里很有用的函数

实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("click", function( e ) { $( e.target ).closest("li").toggleClass("hilight"); }); 定义和用法 closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上. 语法 .closest(s

jQuery选择器和选取方法

我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类.注意:本节讲述的是 jQuery选择器.其中有不少选择器(但不是全部)可以在CSS样式表中使用.选择器语法有三层结构.你肯定已经见过选择器中最简单的形式.”#te st”选取id属性为”test”的元素.”bl

jquery中closest()parent() parents 区别

parent是找当前元素的第一个父节点,不管匹不匹配都不继续往下找 parents是找当前元素的所有父节点  closest() 是找当前元素的所有父节点 ,直到找到第一个匹配的父节点 parent().parents()与closest()方法两两之间有类似又有不同,本篇简短的区分一下这三个方法.通过本篇内容,大家将会在以后使用.parent().parents()和closest()时不会显得无从下手. 我们直接看例子来来说明一下这三个方法的使用区别: [html] view plain c

学习zepto.js(对象方法)[5]

继续说. clone: 该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var $temp = $("div").clone(); //并不接收任何参数. 方法的实现就是循环调用方法对象.然后将所有的dom元素克隆并返回 而且使用的深度克隆,就是说,会将节点下方的子节点统统克隆过来. closest: 方法接收1-2个参数,第一个为selector(选择器),第二个为context(上下文); 方法会从调用节点开始,逐级向上匹配. 如果只传入selector,