jquery 遍历节点-parent()方法

jquery a遍历节点-parent()方法

.parent([selector])方法返回的是每一个匹配的元素的父元素的集合。
这里selector是可选参数,是用于过滤父元素的选择器表达式。
HTML代码:

 <DIV class=demo> 

 <DIV><p><A title=jquery href="/">jquery</A>学习</p></DIV> 

 <DIV class=selected><p>jquery教程</p></DIV> 

<DIV class=selected><p>jquery插件</p></DIV> 

 </DIV>

jquery代码:

view sourceprint?1 $("p").parent().css教程("background", "green");//这样一来三个p的父元素div的背景色都会变成绿色

再来给parent传入一个参数”.selected”
jquery代码:

view sourceprint?1 $("p").parent(".selected").css("background", "green");//这样一来三个p的父元素div class为“selected”的背景色会变成绿色

时间: 2024-09-20 00:16:41

jquery 遍历节点-parent()方法的相关文章

jQuery遍历节点树方法分析_jquery

本文实例讲述了jQuery遍历节点树方法.分享给大家供大家参考,具体如下: demo.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type=&

jQuery遍历节点-closest()方法使用详解

closest() 此方法获取第一个相匹配的祖先元素,注意:起始点包括自身元素. 另外这个方法是必须要传入一个选择器表达式参数的,如果不传入参数的话,就会返回一个空的jquery对象. 要注意这个方法和jquery中的parents()方法的区别. 下面来看实例:  代码如下 复制代码 <div class="demo">梦三秋博客     <ul>         <li>第一个li</li>         <li class=

Jquery遍历节点的方法小集_jquery

复制代码 代码如下: <!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> <meta http-equiv=&qu

jQuery遍历节点-find()方法使用说明

find(selector) 此方法用于在匹配元素的后代元素中按照选择器表达式进行筛选. 记住:使用此方法必须得传入选择器表达式参数,不然是获取不到任何元素的,也就失去了使用此方法的意义了. 我最近才想明白,利用jquery方法如何找到一个元素中的所有的后代元素.使用这个.find()方法就可以轻松地做到. 来看例子:  代码如下 复制代码 <div id="level_one">     我是最外一层的div纯文本内容     <div>         我是

jQuery 遍历节点之next()方法

next()方法 next([selector]) 此方法取得每个匹配的元素的后一个同辈元素的元素集合. 可以用一个可选的表达式进行筛选.只有紧邻的同辈元素会被匹配到,而不是后面所有的同辈元素. 如果想取得每个匹配元素的前一个同辈元素的元素集合,那么请看这篇文章jQuery教程基础篇之DOM操作-遍历节点-prev()方法 nextAll()方法和nextUntil()方法同jquery%e6%95%99%e7%a8%8b%e5%9f%ba%e7%a1%80%e7%af%87%e4%b9%8bd

jQuery遍历json的方法分析_jquery

本文实例分析了jQuery遍历json的方法.分享给大家供大家参考,具体如下: 复制代码 代码如下: var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status&quo

jquery 遍历数组 each 方法详解_jquery

JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li') $('tagName#id): 通过元素的id和标签名 $(':checkbox'):拿取input的 type为checkbox'的所有元素: Eg: <input type="checkbox" name="appetizers" value="

jquery遍历之parent()和parents()的区别及parentsUntil()方法详解_jquery

.parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选). .parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选). 如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象.元素是按照从最近的父元素向外的顺序被返回的..parents() 和 .parent()

jQuery 遍历节点之prev()方法用法

.prev([selector]) 此方法取得每个匹配的元素的前一个同辈元素的元素集合. 可以用一个可选的表达式进行筛选.只有紧邻的同辈元素会被匹配到,而不是前面所有的同辈元素. 下面来看实例:  代码如下 复制代码   <UL> <LI>li 1</LI> <LI>li 2</LI> <LI class=item>li 3</LI> <LI>li 4</LI> </UL> <UL