从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资源管理器中检查,您会看到:

<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');