为了账号安全,请及时绑定邮箱和手机立即绑定

jquery获取父级元素和子级元素

标签:
JQuery

         

    <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()



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消