更改自定义属性值

2024-01-04

我有一些代码,其中添加了我想要更改其值的自定义属性。

<div myCustomElement="someValue"></div>

这是我正在尝试的:

$("#somebutton").click(function() {
    $('myCustomElement').val('SomeNewValue');
});

但一切都没有改变。我怎样才能让它发挥作用?


首先,发明自己的属性意味着您的 HTML 无效,并可能导致页面出现问题。第二,val()用于直接改变value元素的属性,因此它在您的示例中没有效果。

要实现您的要求,请使用data-*属性,因为它们用于此目的:

<div data-custom="someValue"></div>
$("#somebutton").click(function() {
    // getter:
    var foo = $('div').data('custom'); // = 'someValue'

    // setter:
    $('div').data('custom', 'someOtherValue');
});

注意data()在内存中维护一个对象,因此您所做的任何修改都不会在 DOM 中可见。

了解更多信息:http://api.jquery.com/data http://api.jquery.com/data

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

更改自定义属性值 的相关文章