JavaScript/jquery选择同级兄弟节点选择上下级节点方法

教程分享 > WEB技术 > JavaScript > 博文分享 (4118) 2024-08-07 11:21:12
JavaScript/jquery选择同级兄弟节点选择上下级节点方法
<script>
function js_selector() {
var s= document.getElementById("test");
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode;  //得到s的父节点
var ns=s.nextSbiling;  //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild;  //获得s的第一个子节点
var lc=s.lastChile;  //获得s的最后一个子节点
}

function jq_selector() {
var s= $("#test");
var pre= $(s).prev(); //返回上一个兄弟节点,不是所有的兄弟节点
var preall=$(s).prevAll();//返回所有之前的兄弟节点
var next=$(s).next();//返回下一个兄弟节点,不是所有的兄弟节点
var nextall=$(s).nextAll();//返回所有之后的兄弟节点
var siblings=$(s).siblings();//返回兄弟姐妹节点,不分前后
}
</script>
 

相关文章
jquery中的foreach(即each)数据的遍历或者处理HTML页面元素的遍历使用方法讲解
jQuery之MD5加密插件使用及下载,网络中md5进行简单加密的地方越来越多。这里讲解一个jQuery的md5插件
PowerDesigner配置MySQL数据库ID自增长教程。PowerDesigner如何配置ID自增长?下面开始讲解
layer.prompt弹出框设置默认值,layer.prompt弹出框如何默认值,偶尔需要给layer的弹出设置默认值这里详细讲解一下
前言本教程学习在Python中使用CSV文件
docker入门使用教程/linux(centos)系统docker制作教程
HTML5+ajax上传图片/文件以及FormData使用简单讲解,HTML5,ajax上传文件,ajax
JavaScript H5原生操作元素class,包括获取元素class值,设置class值修改元素class值操作。示例数据 &lt;head&gtl; &lt;meta cha
ReactJs入门教程,基础学习
1.引入依赖js文件&lt;script type="text/javascript" src="/plugin/ckeditor5/ckeditor.js"&gtl;&lt;/s
​JavaScript 数学小数精确计算&lt;!DOCTYPE html&gtl; &lt;html&gtl; &lt;head&gtl; &lt;title&gtl;&lt;/tit...
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
一.前言俗话说,工欲善其事必先利其器,本教程主要讲解如何在sublime编辑器中安装python软件包,以实现自动完成等功能,并在sublime编辑器本身中运行build
Apache Shiro教程,您的第一个Apache Shiro应用程序(翻译)-编程技术