获取子节点

最新推荐文章于 2022-11-27 01:26:02 发布
最新推荐文章于 2022-11-27 01:26:02 发布
阅读量173 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/max-hou/p/9132044.html
版权

获取子节点的方法有：

 方法 说明
 children() 选取子节点，可以带过滤参数。但只能选择子节点，不能选择孙子节点。
 find() 选取子节点，可以带过滤参数。可以选择子节点及孙子节点。

children()示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
< html >
     < head >
         < meta charset = "UTF-8" >
         < title >子节点</ title >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" ></ script >
         < style >
             .box{
                 border: 1px solid blueviolet;
                 padding: 1px;
                 margin-bottom: 12px;
             }
         </ style >
     </ head >
     < body >
         < div >
             < ul id = "ul" >
                 < li  id = "a" >鼠标</ li >
                 < li  id = "b" >键盘</ li >
                 < li  id = "c" >屏幕</ li >
                 < li  id = "d" >< a >电源</ a ></ li >
             </ ul >
         </ div >
         < script >
             $('div').children("*").attr("class", "box");
         </ script >
     </ body >
</ html >

find()示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
< html >
     < head >
         < meta charset = "UTF-8" >
         < title >子节点</ title >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" ></ script >
         < style >
             .box{
                 border: 1px solid blueviolet;
                 padding: 1px;
                 margin-bottom: 12px;
             }
         </ style >
     </ head >
     < body >
         < div >
             < ul id = "ul" >
                 < li  id = "a" >鼠标</ li >
                 < li  id = "b" >键盘</ li >
                 < li  id = "c" >屏幕</ li >
                 < li  id = "d" >< a >电源</ a ></ li >
             </ ul >
         </ div >
         < script >
             $('div').find("ul").attr("class", "box");
         </ script >
     </ body >
</ html >

 

转载于:https://www.cnblogs.com/max-hou/p/9132044.html

dianlu5775
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
父节点获取子节点的字符串示例代码
09-04
本示例探讨了如何从父节点获取子节点的字符串内容，主要涉及JavaScript原生方法和jQuery库的方法。 首先，我们来看JavaScript的原生方法。在JavaScript中，我们可以使用`getElementById`方法来获取具有特定ID的元素...
c# treeview 获取子节点
10-28
下面将详细讲解`TreeView`控件及其获取子节点的相关知识。 1. **TreeView控件简介** `TreeView`控件在Windows Forms应用中广泛使用，它以树形结构展示数据，每个节点可以有零个或多个子节点。节点可以通过`...
js获取子节点的方法
Utopian_x的博客
09-20 2万+
1、通过获取DOM方式直接获取子节点 其中price为父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可，如vara=document.getElementById("price").getElementsByTagName("div")[0] 返回的是数组里面的第一个元素。 vara=document.getElementById("price").getElementsByTagName("div"...
js选择子节点
weixin_30894583的博客
08-26 406
<script> 　　//获取子节点个数　　　var oul=document.getElementsByTagName('ul')　　　alert(oul[0].children.length); 　　//选取子节点二　　for(var i=0;i<oul[0].childNodes.length;i++){　　　　　　if(oul[0].childNodes...
JS获取子节点、父节点和兄弟节点的方法
YuzuruHa的博客
04-07 2万+
一、js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。 var a = document.getElementById("test").getElementsByTagName("div"); 2. 通过childNodes获取子节点 使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式
JS获取子节点、父节点和兄弟节点的方法实例总结
01-19
本文实例讲述了JS获取子节点、父节点和兄弟节点的方法。分享给大家供大家参考，具体如下： 一、js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值，div为标签的名字。...
js 获取子节点函数 (兼容FF与IE)
10-29
兼容FF与IE的获取子节点的js代码，需要的朋友可以参考下，我们刚不发布的dom操作文章。
jquery获取子节点和父节点的示例代码
10-26
在JavaScript的世界里，jQuery库提供了一系列简便的方法来操作DOM元素，包括获取子节点和父节点。这篇文章将聚焦于jQuery中如何获取子节点和父节点，这对于网页开发中的元素交互至关重要。 一、获取子节点 在...
JS获取子节点、父节点和兄弟节点的若干种方式
热门推荐
laok_的博客
07-22 26万+
一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div"); 2.通过childNodes获取子节点使用child
获取父类节点下一个子节点的val()
qq_35570179的博客
01-18 853
cellc.innerHTML='';var type=$("#"+vestC).parent().parent().find('.type').val();
js 子节点和兄弟节点操作
qq_35187942的博客
01-05 1606
元素.firstChild:只读 属性 第一个子节点              标准下：firstChild会包含文本类型的节点              非标准下：只包含元素节点 元素.firstElementChild:只读 属性 标准下获取第一个元素类型的子节点 方法一： &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;    ...
【学习笔记40】DOM的节点操作
yizhiyang
11-27 1416
DOM的节点操作
dom获取节点（子节点、兄弟节点、父节点）
张木期的博客
07-16 1万+
今天在做一个项目拿兄弟节点的事，刚开始拿不到，后来网上查了一下，于是 便找到方法了，下面把我的问题写出来，话不多说直接上问题， 遇到的问题是我要通过点击删除按钮删除这一行数据，后端给的接口要传的参数就是设备编号（imei），重点是这个列表本身也是动态的数据，用框架渲染出来的，然后就想到了用dom节点来删除，还算比较简单， 我要获取的就是imei，然后通过ajxa调用接口删除，完美实现，下面是源码...
jq获取父节点下所有的子节点(WEB)
会飞的鱼@的博客
05-23 6374
jq获取父节点下所有的子节点 文章来源于实践，文中存在错误或者有更佳的实现方法请指点，留言，谢谢你的阅读。 1、需求 设置class=“sldr”下所有的图片大小一致： li节点下存在一个div控制子节点所有的图片与链接 a节点下子结构如图： 具体结构可查看滴沥滴沥网站：参考网站 2、jq实现： $(".book img").css({"width":"...
java递归获取某个父节点下面的所有子节点
不忘初心的博客
04-10 5万+
1.menu实体类 package recursion; /** * Created by tl on 2016/4/10. */ public class Menu { private String id; private String name; private String pid; public String getId() { r
js对子节点操作
u014798510的博客
10-08 2289
var len = 0; len = Obj.children.length; //或者 len = Obj.childNodes.length;
html获取所有子节点用children
weixin_42187676的博客
09-05 4474
rapidjson 获取子节点
最新发布
05-24
使用 RapidJSON 获取子节点可以使用以下方法： ```c++ #include "rapidjson/document.h" #include "rapidjson/writer.h" #include "rapidjson/stringbuffer.h" using namespace rapidjson; int main() { // 假设...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值