Javascript Jquery-在附加html元素时如何添加自定义数据属性

我目前正在添加这样一个元素

$('#action_existing_email').append($('<option>', {
    value: templates[i].id,
    text: templates[i].name
}));

$（'#操作\现有\电子邮件'）。附加（$（''{
值：模板[i].id，
text:templates[i].name
}));

我想附加一个数据属性，如

data version=“1”

---

是否有任何方法可以添加类似于

数据：（“foo”，“bar”）

的内容来获取

数据foo=“bar”

看起来您可以将数据作为对象提供

$（document.body）.append（$（''，{id:'test1'，data:{name:'Timmy'}））；
console.log（$（'test1'）.data（'name'）
看起来您可以将数据作为对象提供


$（document.body）.append（$（''，{id:'test1'，data:{name:'Timmy'}））；
console.log（$（'test1'）.data（'name'）
您可以根据需要使用模板文本来形成HTML，这样您就不受第三方API的限制

$('#action_existing_email').append(`
  <option value=${templates[i].id} data-version=1>${templates[i].name}</option>`
);

$（'#操作_现有_电子邮件'）。追加(`
${templates[i].name}`
);

这使您能够准确地看到要添加的内容，而不必了解API的内部工作原理


当然，你离完全本土化只有一步之遥


var模板=[
{id:“foo”，name:“foo”}
];
var email=document.querySelector（“#操作_现有_email”）；
对于（var i=0；i
您可以根据需要使用模板文本来形成HTML，这样您就不受第三方API的限制

$('#action_existing_email').append(`
  <option value=${templates[i].id} data-version=1>${templates[i].name}</option>`
);

$（'#操作_现有_电子邮件'）。追加(`
${templates[i].name}`
);

这使您能够准确地看到要添加的内容，而不必了解API的内部工作原理


当然，你离完全本土化只有一步之遥


var模板=[
{id:“foo”，name:“foo”}
];
var email=document.querySelector（“#操作_现有_email”）；
对于（var i=0；i
你可以这样做


$（'#操作\现有\电子邮件'）。附加（$（''{
值：“值”，
文本：“文本”，
id:“选择”，
数据：{
版本:1
}
}));
console.log（$（“#opt”）.data（'version'）
你可以这样做


$（'#操作\现有\电子邮件'）。附加（$（''{
值：“值”，
文本：“文本”，
id:“选择”，
数据：{
版本:1
}
}));
console.log（$（“#opt”）.data（'version'）
或者您可以使用如下字符串简单地设置data-*属性


$（'select'）。追加（$（''）{
值：“foo”，
文本：“foo”，
“数据版本”：1
}));
console.log（$（'option'）。数据（'version'））
或者您可以使用如下字符串简单地设置data-*属性


$（'select'）。追加（$（''）{
值：“foo”，
文本：“foo”，
“数据版本”：1
}));
console.log（$（'option'）。数据（'version'））