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返回的是包含零个或一个元素的jquery对象 parents返回的是包含零个或一个或多个元素的jquery对象

原文地址:https://www.cnblogs.com/quxingzhou/p/12076932.html

时间: 2024-08-29 14:09:24

jQuery遍历之closest()方法的相关文章

jQuery遍历之parent()方法

jQuery遍历之parent()方法 jQuery是一个合集对象,如果想快速查找合集里面的每一个元素的父元素(这里可以理解为就是父亲-儿子的关系),此时可以用parent()方法 因为是父元素,这个方法只会向上查找一级 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1</li> </ul> </

【转】 jquery遍历json数组方法

$(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object).本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象) var obj = [{ "name": "项海军", &qu

Jquery遍历节点的方法小集

项目中用到遍历dom节点的操作 很长时间不用了 有点忘记了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

jQuery基础修炼圣典—DOM篇(二)jQuery遍历

1.children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1

jQuery 遍历用法

jQuery 遍历 DOM 树 parent() 方法返回被选元素的直接父元素. parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 . parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素. children() 方法返回被选元素的所有直接子元素. find() 方法返回被选元素的后代元素,一路向下直到最后一个后代. <script> $(document).ready(function(){ $("span").paren

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 遍历方法大全

下表列出了用于jQuery 遍历所有方法. 方法 描述 add() 将元素添加到匹配的元素集中 addBack() 将上一组元素添加到当前组中 andSelf() 在版本1.8中已弃用. addBack()的别名 children() 返回所选元素的所有直接子级 closest() 返回所选择元素的第一个祖先 contents() 返回所选元素的所有直接子级(包括文本和注释节点) each() 为每个匹配的元素执行一个函数 end() 结束当前链中的最新过滤操作,并将匹配的元素集返回到其先前状态

jQuery 遍历 - find() 方法

jQuery 遍历参考手册 实例 搜索所有段落中的后代 span 元素,并将其颜色设置为红色: $("p").find("span").css('color','red'); 亲自试一试 定义和用法 find() 方法获得当前元素集合中每个元素的后代,通过选择器.jQuery 对象或元素来筛选. 语法 .find(selector) 参数 描述 selector 字符串值,包含供匹配当前元素集合的选择器表达式. 详细说明 如果给定一个表示 DOM 元素集合的 jQu

jQuery 遍历 - children() 方法 获取指定id下子元素的值

<a id="Aobj_2_2" class="" specid="2" specvid="2" href="javascript:void(0);"> <span>红色</span> <i title="点击"></i> </a> $("#Aobj_2_2").children("sp