Question

正如标题所说，我想为元素添加一个新的隐藏属性。为了避免混淆，我希望隐藏属性，而不是元素。

我有一个div：<div id="hello_div">Hello!</div>

我添加了一个属性：$('#hello_div').attr('my_attr', 'attr_value');

所以我可以稍后再说：var v = $('#hello_div').attr('my_attr');

它按预期工作，但是如果你在DOM资源管理器中检查div，你会看到：

<div id="hello_div" my_attr="attr_value">Hello!</div>

有没有办法隐藏这个属性？

Answer 1

你无法隐藏DOM属性，但正如我看到你使用的是jQuery，你可以试试data。 E.g。

$('#hello_div').data('my_attr', 'attr_value');

以后检索：

var v = $('#hello_div').data('my_attr');

Answer 2

当您返回所需的属性var v = $('#hello_div').attr('my_attr');

时

在此$('#hello_div').removeAttr('my_attr');

之后删除该属性

Answer 3

没有。如果您通过添加属性来操作DOM，那么在使用Chrome检查器（如Chrome开发人员工具等）时它将始终可见。