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

Question

我正在尝试使用 jQuery 生成一个锚点，使用一些自定义 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"
});