js,jq获取父,兄弟,子节点整理

js获取节点
父: parentNode 获取已知节点的父节点。
子: childNodes; 得到全部子节点
children 得到全部子节点
firstChild 获得第一个子节点
lastChild 获得最后一个子节点
兄弟:previousSibling 获取已知节点的前一个节点
nextSibling 获取已知节点下一个节点

jq获取节点
父: $(‘#‘).parent() 获取上一级的父节点。
$(‘#items‘).parents(‘.parent1‘)获取上面哪一级父节点都可以。
$(‘li:parent‘)
子: $(‘#test span‘) 使用筛选条件
$(‘#test‘).find() 使用find()
$(‘#test‘).children(‘‘) 使用children()函数
兄弟:
jQuery.siblings() 返回兄弟姐妹节点,不分前后
jQuery.prevAll() 返回所有之前的兄弟节点
jQuery.prev() 返回上一个兄弟节点,不是所有的兄弟节点
jQuery.next() 返回下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll() 返回所有之后的兄弟节点

原文地址:https://www.cnblogs.com/sea-stream/p/10424390.html

时间: 2024-10-06 00:35:29

js,jq获取父,兄弟,子节点整理的相关文章

js|jq获取兄弟节点,父节点,子节点

08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previousSibling; // 上一个兄弟节点 var next = test

js和jq获取父,兄弟,子节点

1,js获取节点: 父: parentNode 获取已知节点的父节点. 子: childNodes; 得到全部子节点 children 得到全部子节点 firstChild 获得第一个子节点 lastChild 获得最后一个子节点 兄弟:previousSibling 获取已知节点的前一个节点 nextSibling 获取已知节点下一个节点 2,jq获取节点: 父: $('#').parent() 获取上一级的父节点. $('#items').parents('.parent1')获取上面哪一级

使用JS/JQ获取iframe里面的元素

首先实现父级通过iframe访问子级DOM元素有以下几点需要特别注意的 1,需要在服务器的情况下访问,可以使用本地服务器 2,需要使用入口函数(当初被这个坑惨了) 3,这种方法跨域访问不了 >*使用本地服务器 首先建立两个文件分别命名为父级parantN.html和子级Child.html两个html文件,先看看html文件代码. 父级parantN.html <iframe id='myIframe' name="myIrame" src="Child.html

java 递归在实例中的几种用途(ps:准确获取树的子节点)

  递归做为一种算法在程序设计语言中广泛应用. 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算,大大地减少了程序的代码量.递归的能力在于用有限的语句来定义对象的无限集合.一般来说,递归需要有边界条件.递归前进段和递归返回段.当边界条件不满足时,递归前进:当边界条件满足时,递归返回(递归简单说就是程序调用自身的编程技巧,前面说这么多废话只是为了显得

iframe获取父、子窗口的方法

1. jquery在iframe子页面获取父页面元素代码如下: $("#objid",parent.document) 2. jquery在父页面获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) 3.js在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id"); 4.js

iframe获取父、子窗口的元素和方法

jQuery.js调用iframe父窗口与子窗口元素的方法(亲测有效) 子页面获取父页面的id=care的子页面 parent.care.location.reload(); 父页面获取id=imp的子页面 imp.location.reload(); 1. jquery在iframe子页面获取父页面元素和方法代码如下: parent.$("selector"); parent.method(); 2. jquery在父页面获取iframe子页面的元素和方法 代码如下: iframe.

小例子-使用JS/JQ获取a标签的href网址

最初的想法只是想要添加一个点击事件就可以跳到设定的窗口. 本身就是把window.location.href = href添加进事件里面就可以解决了.后面自己把自己搞糊涂了. 这里主要是说使用JS和JQ获取a标签的href网址,使用比较简单,基本就是拿来用就可以了. 先看看html部分的代码 <div> <a id="demo" href="https://www.baidu.com"></a> </div> <

js中获取父节点,兄弟节点及处理属性节点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function getDom01(){ var div = document.querySelector(".box"); /

js,JQ获取短信验证码倒计时

按钮 <a href="javasript:void(0);"onclick="settime(this);">获取手机验证码</a> 倒计时js <script> var countdown=60; function settime(obj) { if (countdown == 0) { obj.getAttributeNode('onclick').value ="settime(this);"; obj