jQuery遍历之parent()方法

jQuery遍历之parent()方法

jQuery是一个合集对象,如果想快速查找合集里面的每一个元素的父元素(这里可以理解为就是父亲-儿子的关系),此时可以用parent()方法

因为是父元素,这个方法只会向上查找一级

理解节点查找关系:

<div class="div">
    <ul class="son">
        <li class="grandson">1</li>
    </ul>
</div>

查找ul的父元素div, $(ul).parent(),就是这样简单的表达

parent()无参数

parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的 jQuery 对象

注意:jQuery是一个合集对象,所以通过parent是匹配合集中每一个元素的父元素

parent()方法选择性地接受同一型选择器表达式

同样的也是因为jQuery是合集对象,可能需要对这个合集对象进行一定的筛选,找出目标元素,所以允许传一个选择器的表达式

具体的操作,请参考右边的代码

时间: 2024-10-10 06:37:46

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

【转】 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遍历之closest()方法

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

jQuery 遍历用法

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

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遍历节点方法汇总

1.children()方法:$('div').children()---遍历查找div元素的所有子元素节点 1 <p>Hello</p> 2 <div> 3 <span>Hello Again</span> 4 <p class="box">您好!</p> 5 </div> 6 <p>And Again</p> 7 8 <script type="t

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

JQuery遍历指定id的div name值的几种方法

JQuery遍历指定id的div name值的几种方法:方法一 $("#div1 :text").each(function () { var this_id = $(this).attr("id"); alert(this_id); }