SoftHub关联区 - [js]jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

您的位置：首页 >> SoftHub关联区 >> 主题: [js]jquery 获取元素(父节点,子节点,兄弟节点),元素筛选 [回主站] [分站链接]

您的位置：首页 >> SoftHub关联区 >> 主题: [js]jquery 获取元素(父节点,子节点,兄弟节点),元素筛选 [最新] [回主站]

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

clq

浏览(228) - 2020-05-30 17:23:31 发表编辑

关键字: javascript

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

https://www.cnblogs.com/Antwan-Dmy/p/10671120.html

一, 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.previousSibling; // 上一个兄弟节点
　　var next = test.nextSibling; // 下一个兄弟节点

复制代码

二, 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中所有奇数顺序的元素

复制代码

参考: https://www.cnblogs.com/ooo0/p/6278102.html

分类: jQuery

总数：0　页次：1/0　首页尾页　　

所在合集/目录

发表评论:

本帖子属于以下条目(javascript)

[js]javascript 常用代码收集

[专题][javascript]js下拉菜单

[专题][javascript]js拖动div

[网站]js 中可调用的 api 权威说明 -- firefox 官方文档 https://developer.mozilla.org/zh-CN/docs/Web/API

NEWBT官方QQ群1: 276678893
可求档连环画,漫画;询问文本处理大师等软件使用技巧;求档softhub软件下载及使用技巧.
但不可"开车",严禁国家敏感话题,不可求档涉及版权的文档软件.
验证问题说明申请入群原因即可.