js 获取元素，同级元素下的子元素总结

最新推荐文章于 2024-05-29 21:52:44 发布

飞奔的屎壳郎

最新推荐文章于 2024-05-29 21:52:44 发布

阅读量3.3k

点赞数

分类专栏：太原历练文章标签： Html Jquery

本文链接：https://blog.csdn.net/qq_35349982/article/details/98854232

版权

太原历练专栏收录该内容

38 篇文章 0 订阅

订阅专栏

本文分享了在太原工作期间总结的前端开发技巧，包括如何使用jQuery获取同级元素下的特定值，掌握不同选择器如.parent(), .children(), .prev(), .next()及.siblings()的运用，实现对DOM树中元素的有效定位。

摘要由CSDN通过智能技术生成

太原总结

不慌不慌，来日方长

1.获取同级元素 form 下的 div 元素下的 input标签的value值

//html代码
<div id="replySubmit"  onclick="replySubmit(this)" >确定</div>';

//js代码
function replySubmit (doc) {
var replyText=$(doc).prev("form").children('div').find(".replyText").val();
}

如图
在这里插入图片描述

2.获取上一级标签

.parent() 父元素， 
.children() 子元素，
 .prev() 前一个同辈元素， 
 .next() 下一个同辈元素
3.获取相邻元素
jquery里我们要获取某个元素的相邻元素时，可以用到的命令有三个：
next():用来获取下一个同辈元素。
next():用来获取下一个同辈元素。
prev():用来获取上一个同辈元素。
siblings()：用来获取所有的同辈元素。
综合
var num=$(this).parent().prev().attr("id")