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

教程分享 > WEB技术 > JavaScript (2584) 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>
 
https://www.leftso.com/article/43.html

相关文章
ReactJs入门教程,基础学习
JavaScript H5原生操作元素class,包括获取元素class值,设置class值修改元素class值操作。示例数据 &lt;head&gtl; &lt;meta cha
​JavaScript 数学小数精确计算&lt;!DOCTYPE html&gtl; &lt;html&gtl; &lt;head&gtl; &lt;title&gtl;&lt;/tit...
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
jquery插件Viewer.js是一个强大的图片查看工具,Viewer也提供了一个纯js版本的工具,图片查看,Viewer.js,Viewer
JavaScript正则加上/去掉cdn域名前缀,文本支持&lt;script&gtl;let $domain="https://static-project.example
JavaScript/JS数组清空,删除数组内所有数据。Array=[]与Array.length=0的区别
&lt;body&gtl; &lt;script type="text/javascript"&gtl;   function test(){     let obj={        ...
js 生成二维码引入qrcode.js该框架基于HTML5原生编写,兼容性较好。支持H5 vue uniapp 微信小程序等。基本使用参考&lt;div id="qrcode"&gtl;&lt;...
JavaScript语言中对象的创建和使用
类库方式实现:&lt;!DOCTYPE html&gtl; &lt;html lang="en"&gtl; &lt;head&gtl; &lt;meta charset="UTF-8"...
前言在其他编程语言中,我们可以通过划分模块,来组织庞大复杂的项目,而JS一开始并没有模块的概念,因为一开始JS的脚本就很简单。后来随着JS的发展,前端要开发的项
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素,可以使用 splice() 方
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,从下面创建的一个空白项目中可以看到:​关于三个文件的说明如下:index.html---主页
vue