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

编程教程 > WEB > JavaScript (2541) 2025-01-27 08:14:46

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>

 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
JavaScript/jquery选择同级兄弟节点选择上下级节点方法&lt;script&gtl;function js_selector() {var s= documen
尽管现在前端技术发展飞速发展,各种技术迭代很快,但jQuery还是在一些企业站或者简单网页尝尝用到,本文记录一下学写jQuery插件的内容,愿新手共勉,共同进步
jquery模拟点击事件写法//语法:$(selector).trigger("click");$('#test).trigger("click"); over
jquery/j获取raido选中元素/选中值html&lt;div id="testRaidoGroup"&gtl;&lt;input type="radio" name="te
jquery中的foreach(即each)数据的遍历或者处理HTML页面元素的遍历使用方法讲解
使用jQuery判断元素是否在可视区域 $("#app").offset().top; offset().top表示 绝对偏移值,比如说有一个很长的页面,#ap
jquery动态绑定事件处理一些由于html代码是动态生成,导致普通的$('selector') 绑定事件失败问题&lt;!DOCTYPE html&gtl;&lt;html&gtl;&lt;h
定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创
jquery插件Viewer.js是一个强大的图片查看工具,Viewer也提供了一个纯js版本的工具,图片查看,Viewer.js,Viewer
js/jQuery获取textarea的光标位置实现光标位置插入内容
layer.prompt弹出框设置默认值,layer.prompt弹出框如何默认值,偶尔需要给layer的弹出设置默认值这里详细讲解一下
问题:artdialog怎么使用?一、获取artdialog组件获取途径:官网下载:http://aui.github.io/artDialog/GitHub获
artdialog 弹出页面iframe,artDialog,artDialog弹出页面
网页项目集成扫码枪设备实现一/二维码扫码识别,可以吧扫码枪当成是和键盘一样的输入设备理解,然后进行下面的学习路径
nodejs中http模块使用简单demo