一,js 获取元素(父节点,子节点,兄弟节点)

var test = document.getElementById("test");

var parent = test.parentNode; // 父节点

var chils = test.childNodes; // 全部子节点

var first = test.firstChild; // 第一个子节点

var last = test.lastChile; // 最后一个子节点

var previous = test.previousSbiling; // 上一个兄弟节点

var next = test.nextSbiling; // 下一个兄弟节点

二,jquery 获取元素(父节点,子节点,兄弟节点)

$("#test1").parent(); // 父节点

$("#test1").parents(); // 全部父节点

$("#test1").parents(".mui-content");

$("#test").children(); // 全部子节点

$("#test").children("#test1");

$("#test").contents(); // 返回#test里面的所有内容,包括节点和文本

$("#test").contents("#test1");

$("#test1").prev(); // 上一个兄弟节点

$("#test1").prevAll(); // 之前所有兄弟节点

$("#test1").next(); // 下一个兄弟节点

$("#test1").nextAll(); // 之后所有兄弟节点

$("#test1").siblings(); // 所有兄弟节点

$("#test1").siblings("#test2");

$("#test").find("#test1");

三,元素筛选

// 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素

$("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)

$("ul li").first(); // 选取ul li中匹配的第一个元素

$("ul li").last(); // 选取ul li中匹配的最后一个元素

$("ul li").slice(1, 4); // 选取第2 ~ 4个元素

$("ul li").filter(":even"); // 选取ul li中所有奇数顺序的元素
————————————————
版权声明:本文为CSDN博主「Easonxxy 」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_39822147/article/details/111835432

js jquery 获取节点相关推荐

  1. html 获取下一个兄弟节点,js jquery获取当前元素的兄弟级 上一个 下一个元素

    var chils= s.childNodes;  //得到s的全部子节点 var par=s.parentNode;   //得到s的父节点 var ns=s.nextSbiling;   //获得 ...

  2. html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...

    $(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...

  3. js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

    js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...

  4. js jquery 获取元素(父节点,子节点,兄弟节点)

    js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...

  5. js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片

    要获取网页所有图片,我们可以通过Javascript就能轻松实现,不过要想获得文章或某容器(如:Div)里所有图片,使用JQuery而不是Javascript来实现就会变得更加简单.本文将给你详细介绍 ...

  6. js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)...

    原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲 获取input框中type=' ...

  7. html jq固定div高度,js/jQuery获取/设置div的高度,宽度···

    js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...

  8. js+jQuery获取全选并用ajax进行批量删除

    今天在处理后台的时候做了个小小的ajax处理批量删除的功能,给大家分享下. 1.在Repater绑定出放入单选 <input id="chkContentId" name=& ...

  9. JS,Jquery获取select,dropdownlist,checkbox 下拉列表框的值

    jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为 ...

最新文章

  1. 正则表达式的学习二:正则表达式的匹配规则总结
  2. Java多线程设计模式(1)
  3. C++指向成员函数的指针
  4. 26. 删除排序数组中的重复项 golang
  5. linux mysql2013_linux下MySQL安装
  6. 03-19 分布式测试-Selenium Grid
  7. 实验4-1-10 兔子繁衍问题 (15 分)
  8. 外设获取物理内存数据_Linux系统对IO端口和IO内存的管理
  9. Cisco Packet Tracer Student思科命令
  10. 5种常用的相关分析方法
  11. Multi-level learning based memetic algorithm for community detection笔记
  12. matlab贝塔分布,怎么拟合贝塔分布函数
  13. 学习linux 服务器安全这一篇文章就够了
  14. 网页版python编辑器-史上超强 Python 编辑器,竟然是张网页?!
  15. 北邮 计算机网络实验二
  16. “法外狂徒”张三经典语录
  17. 纵观20年间程序员薪酬变化:涨幅下降,初级编码岗大幅消失
  18. 初二因式分解奥数竞赛题_(完整)初中数学竞赛因式分解专题
  19. 视频剪辑需要专门报班去学吗?
  20. RabbitMQ 第一天 基础 6 SpringBoot 整合RabbitMQ

热门文章

  1. 游戏蓝牙耳机哪个品牌好?游戏蓝牙耳机品牌排行榜
  2. 荆雪艳软件工程第一次作业
  3. 新建文件夹命令 linux,linux创建文件夹命令是什么
  4. 指令集参编的《工业互联网平台 数据管理通用要求》团体标准正式发布
  5. java计算机毕业设计vue学习视频课程网站MyBatis+系统+LW文档+源码+调试部署
  6. Linux Ubuntu基本操作指令
  7. JS对象和字符串互转;数组与字符串互转
  8. 神奇的图片处理技术,隐藏信息,点击才见
  9. Swift之构造器的使用
  10. 兼容ios和android的ar,Android又落后一步 这几款AR游戏只能iOS 11玩