How to add data-attributes with no value to elements

Question

I want to use jQuery to create Foundation alert boxes (docs here). The alert box div takes a `data-alert`, attribute as in: ```

``` I know you can add attributes to elements using `.attr()`, `.data()`, `.prop()`, etc., but how can I add something like `data-alert`, an attribute that doesn't have a value?

Accepted Answer

With jQuery, you would just set it to an empty string:

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

How to add data-attributes with no value to elements

Solution

Problem