Create element with custom HTML attributes in Jquery

Question

I am trying to generate an anchor with jQuery, using some custom HTML5 attributes to get something like this.

$('<a/>', {href : "#local_anchor",text: "DUMMY_TOKEN", onClick:"remote_function('token')"}).attr("data-toggle", "modal")

If i use this code it works just fine.

$('<a/>', {
   href : "#local_anchor",
   text: "DUMMY_TOKEN",
   onClick:"remote_function('token')"
}).attr("data-toggle", "modal")

But i would like to pass data-toggle as an parameter along the first href, text, etc. When i try to do that i get an Syntax Error.

I also tried to use .data() but i couldn't set the value in the markup, only in DOM.

VisioN · Accepted Answer · 2012-07-06 10:11:15Z

12

Just quote data-toggle and it will work:

$("<a/>", {
    href: "#local_anchor",
    text: "DUMMY_TOKEN",
    onClick: "remote_function('token')",
    "data-toggle": "modal"
});

answered Jul 6, 2012 at 10:11

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1