如何向元素添加没有价值的数据属性答案

【问题标题】：How to add data-attributes with no value to elements如何向元素添加没有价值的数据属性
【发布时间】：2014-08-21 07:35:22
【问题描述】：

我想使用 jQuery 创建 Foundation 警报框（文档 here）。

警报框 div 采用data-alert，属性如下：

<div data-alert class="alert-box">

我知道您可以使用.attr()、.data()、.prop() 等向元素添加属性，但是如何添加像data-alert 这样没有值的属性？

【问题讨论】：

【解决方案1】：

使用 jQuery，您只需将其设置为空字符串：

$('.alert-box').attr('data-alert','');

【讨论】：

【解决方案2】：

不用jQuery你可以设置<div data-alert="" class="alert-box"></div>:http://jsfiddle.net/Ff8px/

【讨论】：