closest jquery
来源:互联网 发布:java thread wait 编辑:程序博客网 时间:2024/06/05 04:15
例
本例演示如何通过 closest() 完成事件委托。当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景:
$( document ).bind("click", function( e ) { $( e.target ).closest("li")
.toggleClass("hilight"); });
亲自试一试
定义和用法
closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。
语法
.closest(selector)
详细说明
如果给定表示 DOM 元素集合的 jQuery 对象,.closest() 方法允许我们检索 DOM 树中的这些元素以及它们的祖先元素,并用匹配元素构造新的 jQuery 对象。.parents() 和 .closest() 方法类似,它们都沿 DOM 树向上遍历。两者之间的差异尽管微妙,却很重要:
请看下面的 HTML 片段:
请看下面的 HTML 片段:
<ul id="one" class="level-1"> <li class="item-i">I</li> <li id="ii" class="item-ii">II <ul class="level-2"> <li class="item-a">A</li> <li class="item-b">B <ul class="level-3"> <li class="item-1">1</li> <li class="item-2">2</li> <li class="item-3">3</li> </ul> </li> <li class="item-c">C</li> </ul> </li> <li class="item-iii">III</li></ul>
例子 1
假设我们执行一个从项目 A 开始的对 <ul> 元素的搜索:
$('li.item-a').closest('ul').css('background-color', 'red');
0 0
- closest jquery
- jquery parents closest
- jquery closest方法
- jQuery 遍历 - closest() 方法
- jquery closest()方法
- JQUERY .closest() .parents()区别
- jQuery closest() 方法
- jQuery.closest() 函数详解
- jquery parent() parents() closest()区别
- jquery parent() parents() closest()区别
- jquery parent() parents() closest()区别
- jQuery遍历之closest()方法
- jquery .parents(), .parent() 和 closest()方法
- jQuery中的closest()和parents()的区别
- jquery 中 closest和parent用法
- jQuery 之 parent、parents 和 closest 方法
- jquery-parent(),parents()与closest()的区别
- closest
- 经典编程题-贪吃的猴子
- 输入一个字节内的数(0~255)和移动位数。输出移位结果(要求循环移位)提示:系统自带的移位都是非循环的
- 种类并查集小结
- 不成熟的6大心理特征
- 代码里写了ARC,而不使用ARC编译
- closest jquery
- hdu 3336 Count the string(KMP)
- 15个受用一生的学习习惯
- PHP学习:字符串操作和正则表达式
- POJ 2513 Colored Sticks (字典树,并查集,欧拉路径组合题)
- javamail 收邮件并解析附件
- java各种流读写文件
- linux下搭建汇编环境
- POJ 2175 Evacuation Plan (费用流,负环,消圈法,SPFA)