javascript - 从 DOM 中隐藏元素的属性

Question

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

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

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

这样我可以稍后获取:var v = $('#hello_div').attr('my_attr');

它按预期工作，但如果您检查 div在 DOM Explorer 中，您会看到:

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

有什么办法可以隐藏这个属性吗？

Answer 1

您无法隐藏 DOM 属性，但据我所知您正在使用 jQuery，您可以尝试 data。例如

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

然后检索:

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