您现在的位置是:首页>文章详情

烛龙博客|前端技术【jquery 获取元素(父节点,子节点,兄弟节点)】

2018-05-08前端技术

简介烛龙博客|前端技术|jquery 获取元素(父节点,子节点,兄弟节点)

$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");//返回class为mui-content的父节点
$("#test1").children(); // 全部子节点
$("#test1").children("#test1"); //返回id为test1的子节点
$("#test1").contents(); // 返回id为test里面的所有内容,包括节点和文本
$("#test1").contents("#test1"); //返回id为test里面的id为#test1的节点和文本
$("#test1").prev();  // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2"); //返回id为test2的兄弟节点
$("#test").find("#test1"); 选中id为test后代中 id为test1的节点
//注意上面的方法 返回的是jquery 集合 需要继续用jq的方法操作或取值
//如果想要转为dom 直接操作的只需要 取它的下标即可 
如: $("#test1").parent()[0] 返回的就是dom节点

编程经验

后端技术

旅行相册

常用工具

影视推荐

前端技术

网站源码

QQ技术教程

破解软件

人生杂记

服务器技术

编程笔记