如何确定data-Attribute是否设置为空值？

Question

有没有一种方法可以找出data-data属性是否设置为空值或根本不设置其值？

请参见此小提琴示例（单击元素时检查控制台）：

http://jsfiddle.net/StephanWagner/yy8qvwfp/

<div onclick="console.log($(this).attr('data-test'))">undefined</div>

<div data-test="" onclick="console.log($(this).attr('data-test'))">empty</div>

<!-- this one will also return an empty value -->
<div data-test onclick="console.log($(this).attr('data-test'))">null</div>

<div data-test="value" onclick="console.log($(this).attr('data-test'))">value</div>

我对第三个示例有疑问。 我需要知道该属性是否实际上设置为空值，或者根本没有设置。 真的有可能吗？

编辑：我问的原因是我正在更新属性值的内容，所以data-test=""应该将内容更新为空值，但是data-test应该什么都不做

Answer 1

这是不可能的。 以下两个元素被归一化为同一事物（第一个）。

<div data-test="" onclick="console.log($(this).attr('data-test'))">empty</div>

<!-- this one will also return an empty value -->
<div data-test onclick="console.log($(this).attr('data-test'))">null</div>

我通过检查两个元素的outerHTML对此进行了测试。 您将需要提出一种不同的方法来实现这一目标。