jquery - 在 Jquery 中创建具有自定义 HTML 属性的元素

Question

我正在尝试使用 jQuery 生成 anchor ，使用一些自定义 HTML5 属性来获得类似的东西。

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

如果我使用这段代码，它工作得很好。

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

但我想将 data-toggle 作为参数传递给第一个 href、文本等。 当我尝试这样做时，出现语法错误。

我也尝试过使用 .data() 但我无法在标记中设置值，只能在 DOM 中设置。

Answer 1

只要引用 data-toggle 就可以了:

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