jquery获取当前元素的某个元素的值

博主遇到获取点击元素子元素值的问题,经后台多次尝试,发现使用$(this).find(\.Idd\).text()可获取,其中Idd是子标签的class名。

今天遇到个问题,就是要获取点击元素的子元素的值,一直搞不出来

后台尝试好久,发现用$(this).find(".Idd").text()就可以获取到子元素的值,其中Idd是子标签的class名

<think>我们使用jQuery获取元素的属性,主要通过attr()方法或prop()方法。 1. attr()方法用于获取HTML属性(attribute)的,如id、class、href等。 2. prop()方法通常用于获取DOM属性(property),如checked、selected等。 示例:获取一个id为"myLink"的元素的href属性 ```javascript var hrefValue = $('#myLink').attr('href'); ``` 注意:有些属性如checked,推荐使用prop(),因为对于布尔属性,attr()返回的是初始(字符串),而prop()返回的是当前状态(布尔)。 §§相关问题§§ 1. jQuery中attr()和prop()有什么区别? 2. 如何用jQuery设置元素的属性? 3. 如何用jQuery获取一个元素的多个属性? 4. 如何获取自定义数据属性(data-*)的? </think>### jQuery 获取元素属性的方法 在 jQuery 中,获取元素属性主要通过以下两个方法实现: 1. **`attr()` 方法** 用于获取 HTML 属性(如 `id`, `class`, `href` 等)的。 **语法**: ```javascript $(selector).attr("属性名"); ``` 2. **`prop()` 方法** 用于获取 DOM 属性(如 `checked`, `selected`, `disabled` 等布尔属性)的。 **语法**: ```javascript $(selector).prop("属性名"); ``` #### 示例代码 ```html <!-- HTML 结构 --> <a id="myLink" href="https://example.com" data-info="123">链接</a> <input type="checkbox" id="myCheckbox" checked> ``` ```javascript // 获取 href 属性(HTML 属性) const href = $("#myLink").attr("href"); console.log(href); // 输出:https://example.com // 获取布尔属性状态(DOM 属性) const isChecked = $("#myCheckbox").prop("checked"); console.log(isChecked); // 输出:true // 获取自定义 data 属性(HTML5 data-*) const dataInfo = $("#myLink").data("info"); console.log(dataInfo); // 输出:123 ``` #### 关键区别 | 方法 | 适用场景 | 返回类型 | |-----------|----------------------------------|------------------| | `attr()` | 标准 HTML 属性(如 `href`, `title`) | 字符串 | | `prop()` | DOM 状态属性(如 `checked`, `disabled`) | 布尔或字符串 | | `data()` | HTML5 自定义属性(`data-*`) | 自动转换类型 |
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值