获取子节点


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

<!DOCTYPE html>
<html>
<head>
<title>获取子节点</title>
<meta charset="UTF-8">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
<style>
.box{
border: 1px solid black;
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>


<!DOCTYPE html>
<html>
<head>
<title>获取子节点</title>
<meta charset="UTF-8">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
<style>
.box{
border: 1px solid black;
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/H97042/p/9355086.html

jQuery.获取子节点相关推荐

  1. js与jquery获取子节点、父节点、兄弟节点的方法

    js与jquery获取子节点.父节点.兄弟节点的方法 在写代码时,时不时会遇到获取子节点.父节点等需要,但有的时候总是弄混淆不是很清晰,所以针对这些问题,总结了jquery与js获取节点的方法 js方 ...

  2. javascript,jquery获取子节点

    每个网页都是一个dom树,网页中所有的内容都是这个树上的一个节点.JavaScript的工作就是操作这些节点,对节点进行查增删改操作,或是给节点绑定事件. 以getElementBy开头的方法,可以根 ...

  3. jQuery获取父节点、子节点、兄弟节点

    介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布. jQuery设计的宗 ...

  4. mysql获取终节点_mysql 函数获取子节点

    DELIMITER $$ USE `topsale`$$ DROP FUNCTION IF EXISTS `getShopIdByUserId`$$ CREATE DEFINER=`root`@`%` ...

  5. jq获取 html元素节点,jQuery 获取当前节点的html

    原标题:jQuery 获取当前节点的html 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也 ...

  6. sql读取 获取子节点 父节点

    函数 CREATE FUNCTION GetChildren (@id varchar(20)) RETURNS @t table(id varchar(20))  AS  BEGIN     ins ...

  7. JS获取子节点、父节点和兄弟节点的方法实例总结

    本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名 ...

  8. js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结

    本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名 ...

  9. cocos2d-lua:获取子节点

    在使用 Cocos2d-lua + ccs 进行开发的时候,获取ccs拼接的ui界面中的子节点的方法为 getChildByName(),例如: parent:getChildByName(" ...

最新文章

  1. 获取局域网打印机列表
  2. PHP守护进程常用方法
  3. python【数据结构与算法】—广度优先搜索(Breadth-First search)
  4. v-model详细使用
  5. java jndi 例子_MEJB附录B,jndi例子无法运行的问题
  6. BIM机器人来袭、你害怕了吗
  7. 2018-2019-2 20189215 《网络攻防技术》第九周作业
  8. python2.6.6安装MySQL-python模块正确方法
  9. [swift] LeetCode 35. Search Insert Position
  10. 考研复习 求解函数极限的方法全总结
  11. 计算机专业就业发展现状,计算机专业就业形势分析
  12. python入门教程百度云资源-python教程大全,全套视频教程学习资料通过百度云网盘下载...
  13. CTF中压缩文件的常见解法
  14. 探究空心超顺磁性四氧化三铁纳米微粒的制备方法-瑞禧
  15. MySQL事务中幻读实践
  16. linux离线安装jemalloc,jemalloc在linux上从安装到使用
  17. 九章算术 九:《勾股》
  18. 英剧《反击》中有意思的镜头
  19. urllib3.exceptions.MaxRetryError问题的解决
  20. 【清华集训2014】玛里苟斯(数学 线性基)

热门文章

  1. 常见的扫描类型有以下几种:Nmap的SYN、Connect、Null、FIN、Xmas、Maimon、ACK
  2. Ceilometer - Install the API behind mod_wsgi
  3. 使用Xmanger登陆aix系统桌面时报桌面服务DT未启动问题
  4. STP状态切换详述(Cisco实现)
  5. Flex3——编译器错误代码列表
  6. [转]vim 如何编辑 GB2312 编码的文件?
  7. 写在WinHEC开幕之际:沿着Windows我们一路走来
  8. makefile how to
  9. 蓝桥杯 ALGO-157 算法训练 阶乘末尾
  10. 蓝桥杯 PREV-8 历届试题 买不到的数目