jQuery.获取子节点

最新推荐文章于 2022-07-07 00:08:51 发布
最新推荐文章于 2022-07-07 00:08:51 发布
阅读量104 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/H97042/p/9355086.html
版权

获取子节点

 

方法说明
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

weixin_33853827
关注
AjaxTree源码，AJAX动态获取节点的子节点
11-10
这是一个treeview的控件。 展开节点通过AJAX动态获取节点。并通过JavaScript添加上。
jQuery循环遍历子节点并获取值的方法
10-22
本篇文章将详细讲解如何使用jQuery来循环遍历子节点并获取它们的值，这在处理复杂页面结构时尤其有用。 首先，我们来看一个简单的HTML示例，包含一个`<div>`元素，其中嵌套了多个`<ul>`列表和`<li>`列表项： ```...
jquery获取子节点和父节点的方法
mdpmw的专栏
09-10 1642
比如是一个 id 为 test 的 div元素，我们这样选中，$('#test')，我们要查找这个div下的一个class为demo的span元素，有一下几种方法 1、使用筛选条件 $('#test span.demo') 2、使用find()函数 $('#test').find('span.demo') 3、使用children()函数 $('#test').ch
用JS和JQ来获取子节点！
weixin_34345560的博客
09-26 131
用JS和JQ来获取子节点！ 在JS中，如果通过document.getElementsByTagName来获取子元素有个弊端：它不单会获取符合要求的子元素，就连同孙元素也会获取。如果有特殊要求，那么最好要换一种方式来获取子元素。现在发现有两种方法。 获取如下#test的子元素： <div class="test" id="test"> <p&gt...
JS操作DOM元素
qq_32609741的博客
11-02 156
常见的dom操作
Jquery 获取子节点属性
qq_42782011的博客
05-12 1010
写的layui 的tab选项卡，因为页面好几个tab选项卡，直接$(".layui-this).attr(“属性”)的话，可能取到好几个值，所以想到了获取子节点属性这个方法，直接上代码吧： 前端代码： <div class="layui-tab layui-tab-brief" lay-filter="IndexTypeList-one" id="IndexTypeOne"> <ul class="layui-tab-title Ind
jQuery获取节点和子节点文本的方法
01-19
这个会得到“test text techbrood co.”，也就是会把当前元素的所有节点（包含子节点）的文本读取出来。 如果只想获取主节点的文本，方法复杂点： var text = $(#text_test).contents().filter(function() {
jquery.orgchart.js
03-20
5. **动态加载**：对于大型组织结构，可以实现分层加载，只在需要时加载子节点，减少初始加载时间。 6. **API 控制**：提供丰富的 API 接口，方便进行扩展和控制，如添加、删除、移动节点等。 三、使用步骤 1. **...
jquery获取子节点和父节点的示例代码
10-26
在JavaScript的世界里，jQuery库提供了一系列简便的方法来操作DOM元素，包括获取子节点和父节点。这篇文章将聚焦于jQuery中如何获取子节点和父节点，这对于网页开发中的元素交互至关重要。 一、获取子节点 在...
jquery 获取元素(父节点,子节点,兄弟节点)
热门推荐
monica_517的博客
08-05 1万+
一、jQuery的父节点查找方法 $(selector).parent(selector)：获取父节点 $(selector).parentNode：以node[]的形式存放父节点，如果没有父节点，则返回空数组 $(selector).parents(selector)：获取祖先元素 二、jQuery的兄弟节点查找方法 $(selector).prev() / $(selector).previousSibling()：获取上一...
js和jq获取父，兄弟，子节点
a6617681的博客
06-19 144
1，js获取节点： 　　父： parentNode 获取已知节点的父节点。 　　子： childNodes; 得到全部子节点 　　　　children 得到全部子节点 　　　　firstChild 获得第一个子节点 　　　　lastChild 获得最后一个子节点 　　兄弟：previousSibling 获取已知节点的前一个节点 　　nextSibling 获取已知节点下一...
03-第一个子节点和最后一个子节点
阳神
02-18 391
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <div>这是一个广告图片...
jQuery 获取节点
陈嘉欣的技术编程博客
07-10 630
&lt;script src="Scripts/jquery-1.11.3.js"&gt;&lt;/script&gt; &lt;script&gt; $(function () { //用attr获取p标签title值 var $p = $("p").attr("title"); //获取p标签t..
js与jquery获取子节点、父节点、兄弟节点的方法
七侠剑客的博客
03-23 6257
js与jquery获取子节点、父节点、兄弟节点的方法     在写代码时，是不是会遇到获取子节点、父节点等需要，但有的总是弄混淆不是很清晰，所以针对这些问题，总结了jquery与js获取节点的方法 js方法 <div id="div"> <p id = "one">我是爷爷</p> <span id=...
jQuery
sunshineTing2的博客
12-12 101
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素，不限于父元素 jQuery.children(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙 jQuery.contents() //查找下面的所有内容，包括节点和文本。 jQuery.prev() //查找上一个兄弟节点，不是所有的兄弟节点 jQuer
js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
知行合一
06-14 2266
一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test...
jQuery 获取元素(父节点,子节点,兄弟节点)
墨 尘
03-12 709
1、$("#test1").parent(); // 父节点 2、$("#test1").parents(); // 全部父节点 3、$("#test1").parents(".mui-content");//返回class为mui-content的父节点 4、$("#test1").children(); // 全部子节点 5、$("#test1").children("#t...
jQuery获取父节点、子节点、兄弟节点
码农桃子的博客
07-07 1万+
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；
jquery获取子节点
最新发布
07-28
要使用jQuery获取子节点，你可以使用`children()`方法。这个方法可以用于选择元素的所有直接子元素。 以下是一个示例： ```html <li>Apple <li>Banana <li>Orange <script src="https://code.jquery....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值