jquery获取父级元素和子级元素
2016-08-28 14:08
211 查看
<script type="text/javascript"> function show(x){ var y=$(x);//转换成jquery对象 //查找父元素 alert( y.parent().attr("name")); alert( y.parent().attr("id")); //查找祖先,是个集合 不包括自身 alert(y.parents("tr").attr("name")) alert(y.parents("table").attr("name")) //closest()这个方法呢就是向上检查元素并逐级匹配。首先,会从自身来匹配,匹配成功就返回本身 //查找第几个子元素,eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。 alert(y.parent().children().eq(0).text()); alert(y.parent().children().eq(1).text()); alert(y.parent().children().eq(2).text()); alert(y.parent().children().first().text()); //children方法获得的仅仅是元素一下级的子元素 //find方法获得所有下级元素 } </script> </head> <body> <table name="表"> <tr id="1"name="行1"> <td>1</td> <td>袁海</td> <td onclick="show(this)">29</td> </tr> <tr id="2" name="行2"> <td>2</td> <td>yuanhai</td> <td onclick="show(this)">29</td> </tr> </table> </body>
获取父级元素 parent parents() closest()
获取子级元素 children() find()
jQuery.siblings(),返回兄弟姐妹节点,不分前后
本文出自 “点滴积累” 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1731667
相关文章推荐
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- Js和Jquery获取父级元素、子级元素、兄弟元素的方法
- jQuery和js 获取父级元素、子级元素、兄弟元素方法
- jquery获取父级元素和子级元素
- jquery父级元素获取所有子级元素
- JS和jQuery获取节点的兄弟,父级,子级元素
- js与jquery获取父级元素,子级元素,兄弟元素的实现方法
- JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
- 记录--jquery 获取父级、子级、兄弟元素 + 实例
- JS和jQuery获取节点的兄弟,父级,子级元素
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- jquery在子级页面获取父级元素并赋值
- 转载:js和jquery获取父级元素、子级元素、兄弟元素的方法
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- bobojs和jquery获取父级元素、子级元素、兄弟元素的方法
- js和jquery获取父级元素、子级元素、兄弟元素的方法