jquery获取当前元素的子元素的自定义属性值

最新推荐文章于 2024-04-28 08:10:34 发布
最新推荐文章于 2024-04-28 08:10:34 发布
阅读量1.2w 收藏
点赞数 1
分类专栏： DOM 文章标签： dom操作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/giveMe_Five/article/details/79770536
版权

1.获取自定义属性值

简单 直接可以$.attr("data-id");

2.获取当前元素的子元素

$("id").children()可以返回所有的子元素,孙子,重孙子一级的都不会获取.

$("id").find() 会将所有的子级包含 孙子级都获取 ,所有不建议使用 ;

3.获取元素的子元素的自定义属性值呢?

<!DOCTYPE html>
< html lang= "en">
< head>
< meta charset= "UTF-8">
< meta name= "viewport" content= "width=device-width, initial-scale=1.0">
< meta http-equiv= "X-UA-Compatible" content= "ie=edge">
< script src= "./plugins/jQuery/jquery-2.2.3.min.js"></ script>
< title>好日子</ title>
</ head>
< body>
< ul id= "u">
< li data-id= "1"></ li>
< li data-id= "2"></ li>
< li data-id= "3"></ li>
< li data-id= "4"></ li>
</ ul>
</ body>
< script>
var id = 0;
for( var i = 0 ;i <num;i ++){
id = $( "#u") .children() .eq(i) .attr( "data-id");
console . log(id)
}
// 或者 (都是便利的思想)
$( "#u") .children() .each( function () {
id = $(this) .attr( "data-id");
})

</ script>
</ html>



giveMe_Five
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
H5+jq 父元素绑定事件 处理子元素所有的事件(二)
weixin_43639981的博客
09-15 520
如何使用元素上直接绑定ontouch onclick的方式实现相同的效果，而不需要使用jquery的监听，示例html部分代码如下： <td class="bt-1" onclick="test()" style="width:50%;padding-top:10px;padding-bottom:10px;"><span>添加患者</span></td> js test方法代码如下： function test(){ var target
用jquery获取自定义的标签属性的值简单实例
10-21
jQuery的`attr()`方法是获取或设置元素属性值的主要手段。但在本例中，我们更倾向于使用CSS选择器来定位具有特定属性的元素，然后使用`html()`或`text()`方法获取其内容。 以下是实例代码的详细解析： 1. 首先，...
jQuery中使用data()方法读取HTML5自定义属性data-*实例
fjnjxr的博客|PHP每周一贴
03-12 985
如果你使用jQuery类库，那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性，方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险 主要的方法如下： .data( key, value ) .data( obj ) .data( key ) .data() 从jQuery 1.4.3起， H
jquery获取子元素的一些方法
最新发布
woliuhuaqiangla的博客
04-28 233
想要真正理解,还是得靠代码.光看不练那都是纸上谈兵。注意:find和children的区别,代码已给出。3.通过父元素的children进行查找。2.通过父元素进行find查找。1.通过id,class等。获取子元素的一些方法。
JQ获取元素的子元素 并且取到子元素的属性值
weixin_45062076的博客
09-01 1933
for (var i = 0; i < ("[id("[id("[id=‘ProjectYear’]").children(“a”).length; i++) {//判断‘ProjectYear’下有多少个a标签 ("[id("[id("[id=‘ProjectYear’] a").eq(i).text(("[id("[id("[id=‘ProjectYear’] a").eq(i).attr(‘year’));//取到a标签的自定义属性并将属性值赋给指定元素 } ...
js获取自定义属性的元素及获取相应的子元素
weixin_43861630的博客
04-03 848
亲测有效 formIdList.forEach((item,index) =>{ var div_ly = document.querySelector("div[packitemid='"+item+"']"); $(div_ly).find("#ssuo").val(shuzhi1); $(div_ly).fi...
Jquery根据id获取该id下子元素的值
热门推荐
pshdhx的博客
12-01 1万+
<div class="form-group"> <div id="putPageA"> <label for="action" class="col-sm-3 col-md-3 col-lg-3 control-label">菜单动作：<code>*</code></label> <div class="col-sm-6 col-md-6 col-lg-6".
JQUERY的属性选择符和自定义选择符使用方法（二）
10-28
例如，`:eq(index)`选择索引为指定值的元素，`:odd`和`:even`分别选择奇数和偶数位置的元素，`:nth-child(even)`则选择父元素的偶数子元素。在示例中，`:eq(1)`用于选择匹配的`.wangorg`类的第二个`<div>`，`:nth-...
Jquery 整理元素选取、常用方法一览表
10-21
- `.attr()`: 获取或设置属性值，适用于自定义属性。 - `.removeAttr()`: 移除属性。 - `.css()`: 获取或设置CSS样式。 - `.addClass()`: 添加类名。 - `.removeClass()`: 移除类名。 - `.prop()`: 操作固定...
jQuery实现自定义下拉列表
12-10
`.dropdownContainer`设置了相对定位，以便于子元素的绝对定位。`.dropdownDefault`是默认显示的内容，具有边框和内边距。`.downArrow`定位在右上角，用于触发下拉菜单。`.dropdrown-menu`是下拉菜单，其初始状态为...
jQuery实现的元素漂浮抖动导航菜单特效源码.zip
11-18
2. **DOM操作（DOM Traversal）**：jQuery提供了多种方法来遍历DOM树，如`.children()`, `.parent()`, `.siblings()`等，使开发者能轻松地获取或操作元素的子元素、父元素或同级元素。 3. **事件处理（Event ...
jquery 获取鼠标指向的html dom,jquery中如何获取当前DOM对象里的子元素？
weixin_30100295的博客
06-04 736
常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,c...
jQuery获取HTML标签自定义属性值或data值
怎奈你何的博客
08-22 556
//获取属性值1 <div id="text" value="中国北京"></div> $("#text").attr("value"); //获取自定义属性值2 <div id="text" value="123" data_obj="中国北京”></div> $("#text").attr("data_obj"); //获取data值3 <div id="text" value="123" data-name=...
jquery怎么获取当前标签下的子标签
halele131的博客
09-29 6232
1、查找子元素方式1：> 例如：var aNods = $(“ul > a”);查找ul下的所有a标签 2、查找子元素方式2：children() 3、查找子元素方式3：find() 通过下标获取第n个子标dao签的ID值 1.var num1=$(“ul > a:eq(0)”).attr(“ID”); 2.var num2=$(“ul”).children(“a:eq(0)”).attr(“ID”); 3.var num3=$(“ul”).find(“a:eq(0)”).attr(
如何在jQuery中获取自定义的属性的值
jimbooks的博客
01-16 1780
如果浏览不顺畅请到原文章出处：https://www.sky8g.com/technology/1129/ 请注意可能会提示风险，这是csdn官网如果不是他们的网址,其他的网址都会提示有风险,这是CSDN网站设置的问题,本网站全部文章为免费技术分享,请放心访问,无需担心。 原文章出处：https://www.sky8g.com/technology/1129/ 此篇文章是由SKY8G网作者原...
js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素
weixin_47928499的博客
08-06 4949
DOM查询的其他方法、获取元素的后代和子元素
jq 获取含类的子集_Jquery实现获取子元素的方法分析
weixin_34380085的博客
02-26 860
本文实例讲述了Jquery实现获取子元素的方法。分享给大家供大家参考，具体如下：Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。1.children()方法：获取该元素下的直接子集元素2.find()方法：获取该元素下的所有子集元素分别以以下HTML代码为例：list1list1-1list1-2list2lis...
jquery获取自定义属性的值的3种方法
一火的专栏
05-13 9565
//获取属性值 1 <div id="text" value="黑哒哒的盟友"><div> jQuery取值： $("#text").attr("value"); //获取自定义属性值 2 <div id="text" value="123" data_obj="黑哒哒的盟友"><div> JQUERY取值：$("#text").attr("data_obj"); //获取data值 3 <div id="text" valu...
JQuery利用find查找子元素并修改其样式和属性
T型人小付的博客
09-08 9076
最近做项目遇到一个根据ajax结果自动更新form表单内元素的需求，涉及到JQuery关于子元素的一些操作，特意记录一下。 文章目录测试环境子元素查找修改元素样式和属性 测试环境 html如下 <div id="container"> <div id="box1"><span id="span1"></span></div> <div id="box2"><span id="span2"></span&
jQuery 获取当前元素的子元素的方法
05-30
jQuery 获取当前元素的子元素的方法有以下几种： 1. 使用 children 方法，该方法返回当前元素的所有子元素，可以通过选择器来筛选符合条件的子元素。例如： ``` var children = $("#parent").children(); ``` 2. 使用 find 方法，该方法可以在当前元素的后代元素中查找符合条件的元素，可以通过选择器来指定查找条件。例如： ``` var children = $("#parent").find("div"); ``` 3. 使用 contents 方法，该方法返回当前元素的所有子节点，包括元素节点、文本节点等，可以通过 filter 方法来筛选出元素节点。例如： ``` var children = $("#parent").contents().filter(function() { return this.nodeType == 1; }); ``` 这个例子中，我们先使用 contents 方法获取了所有的子节点，然后使用 filter 方法来筛选出元素节点。 4. 使用 context 参数，该参数可以指定查找的上下文，即在哪个元素内查找符合条件的元素。例如： ``` var children = $("div", "#parent"); ``` 这个例子中，我们使用了 context 参数来指定查找的上下文，即在 id 为 parent 的元素内查找 div 元素。 注意，以上方法返回的是 jQuery 对象，如果需要获取原生 DOM 元素，可以使用 get 方法或者数组下标访问。例如： ``` var child = $("#parent").children().get(0); ``` 或者： ``` var child = $("#parent").children()[0]; ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值