jquery获取自定义属性
时间: 2023-11-20 14:59:36 浏览: 48
可以使用jQuery的attr()方法来获取自定义属性的值。具体方法如下:
```javascript
// 获取自定义属性值
$("#text").attr("data_obj");
$("#text").data("name");
```
其中,第一个方法使用attr()方法获取自定义属性值,第二个方法使用data()方法获取自定义属性值。需要注意的是,使用data()方法获取自定义属性值时,需要将属性名中的“-”替换为“_”。
相关问题
jQuery修改自定义属性的值
可以使用 `attr()` 方法来修改自定义属性的值。假设你有一个自定义属性 `data-id`,你可以使用以下代码来修改它的值:
```javascript
// 获取元素
var element = $('#my-element');
// 修改自定义属性的值
element.attr('data-id', 'new-value');
```
这将把 `data-id` 的值设置为 `'new-value'`。如果你想要修改多个元素的自定义属性值,你可以使用 `each()` 方法来遍历它们:
```javascript
// 遍历每个元素
$('.my-elements').each(function() {
// 修改自定义属性的值
$(this).attr('data-id', 'new-value');
});
```
这将把所有带有 `my-elements` 类的元素的 `data-id` 属性值都设置为 `'new-value'`。
jQuery修改自定义属性值后,获取该自定义属性值是原来的值
如果你使用 jQuery 修改了一个 HTML 元素的自定义属性,然后想要获取修改后的属性值,可以使用 `attr()` 方法来获取。例如:
```html
<div id="myDiv" data-myattr="old value">Hello World</div>
```
```javascript
// 获取原来的属性值
var oldValue = $('#myDiv').attr('data-myattr');
console.log(oldValue); // 输出 "old value"
// 修改属性值
$('#myDiv').attr('data-myattr', 'new value');
// 获取修改后的属性值
var newValue = $('#myDiv').attr('data-myattr');
console.log(newValue); // 输出 "new value"
```
如果你仍然获取到原来的属性值,可能是因为你的代码存在其他问题,例如获取属性值的代码位置错误、修改属性值的代码没有执行成功等。你可以检查一下代码,确定是否存在这些问题。