jquery 通过自定义属性查找元素

最新推荐文章于 2024-06-19 19:53:31 发布

找到快乐的根源

最新推荐文章于 2024-06-19 19:53:31 发布

阅读量2.9k

点赞数 1

分类专栏： ajax+jquery+js系列文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/k8080880/article/details/124740595

版权

ajax+jquery+js系列专栏收录该内容

110 篇文章

订阅专栏

这篇博客介绍了两种JavaScript方法来定位HTML元素。方法一是通过`span`标签并结合`data-value`属性找到指定值的元素，然后添加类名；方法二是通过类名`.son`结合属性值来实现相同的目标。这两种方法都是DOM操作中常见的用法，用于动态修改网页内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="father">
	<span class="son" data-value="1">文字1</span>
	<span class="son" data-value="3">文字2</span>
	<span class="son" data-value="8">文字3</span>
	<span class="son" data-value="9">文字4</span>
</div>


//方法一：通过span标签
$('#father).find('span[data-value=8]').addClass('class1');

//方法二：通过class类名
$('#father).find('.son[data-value=8]').addClass('class1');

PS:查找类father下所有子元素满足自定义属性值的元素

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

找到快乐的根源

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JQuery中根据属性或属性值获得元素(6种情况获取方法)

12-03

在jQuery 中$(“”)，这个语法等同于$(document.createElement(“span”)) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下： ...

JQuery中根据属性或属性值获得元素

weixin_34365417的博客

04-03

2137

根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red"); 根据属性值获得元素 1.$。在jQuery 中$("<span>")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属

1 条评论您还未登录，请先登录后发表或查看评论

jQuery根据自定义属性获取div 元素

钢ge的博客

02-14

1762

https://blog.youkuaiyun.com/weixin_44134899/article/details/85048026 <div class="myclass" tip = "thistip"></div> <div class="myclass2" tip = "twotip"></div> <div class="myclass"...

jQuery学习笔记

Think in Java

11-18

412

jQuery学习笔记，持续更新

jquery中通过属性获取元素

YZi_Angel的专栏

11-23

1万+

根据属性获取元素：$("p[class]").css("color","red");给所有有class的p标签设置红色字体。根据属性值获取元素：1.$("input[name$='san'").css("background-color","red");匹配所有name以‘san’结尾的input标签设置红色背景。$选择器[attribute$=value]2.$("input[

如何根据自定义属性值寻找特定的某个元素

SuperCookies的博客

07-09

2690

根据自定义属性值寻找特定的某个元素获取具有自定义属性特定元素函数： tag：自定义属性所在的元素名 attr：自定义属性名称 value：自定义属性值 function getElementByAttr(tag,attr,value) { var aElements=document.getElementsByTagName(tag); var aEle=[]; ...

用jquery获取自定义的标签属性的值简单实例

10-21

总结一下，这个简单实例展示了如何利用jQuery选取具有自定义属性的元素并获取其内容。通过选择器和属性操作，我们可以轻松地从DOM中提取数据，这对于实现动态网页和富客户端应用的交互至关重要。此外，jQuery还提供...

jquery遍历标签中自定义的属性方法

10-21

在使用jQuery进行前端开发时，经常需要处理HTML元素的自定义属性。本文将介绍如何使用jQuery遍历标签中的自定义属性，并提供具体的使用方法和示例。首先，HTML标签中的自定义属性是开发者为了存储特定信息而在标准...

JS实现获取自定义属性data值的方法示例

10-17

在JavaScript中，可以通过几种方式获取这些自定义属性的值： 1. 使用`getAttribute()`方法，可以直接获取到HTML元素上指定的属性值，包括data-前缀的自定义属性。如： ```javascript var tree = document....

Jquery搜索父元素操作方法

10-24

无论是在文档结构相对简单还是十分复杂的情况下，Jquery的父元素搜索方法都能帮助开发者更加高效地定位和修改元素的样式或属性。在实际应用中，开发者应根据具体需求选择合适的方法。例如，如果你需要针对特定的...

JQuery中6种根据属性或属性值获得元素获取方法

jerayc的专栏

09-12

1770

根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 . 代码如下: $("p[id]").css("color","red"); 根据属性值获得元素 1.$。在jQuery 中$("")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，

jQuery：设置获取属性、遍历添加删除元素、尺寸、位置

qi341500的博客

10-07

2587

一、设置或获取元素属性值 1、设置或获取元素固有属性值 2、设置或获取元素自定义属性值attr() 3、数据缓存data() 二、获取元素内容三、jQuery对元素操作 1、遍历元素 2、创建元素 3、删除元素四、jQuery 尺寸五、jQuery位置

js中获取自定义元素的方法

qq_41624138的博客

08-24

3547

console.log(this.dataset.type); //原生js第一种方法 console.log(this.dataset['type']); //原生js第二种 console.log($(this).data('type')); //jquery console.log($(this).attr("data-type")); //jquery 原生js中获取自定义属性的方法： jQuery: 1.1....

jQuery常用属性函数