Javascript 无法设置ID'；在JQUERY中动态创建标签

我在jquery中动态创建了一个标签。我需要为该标签指定某些样式。在这里，我尝试为该标签分配一个唯一的ID并应用样式。但它不起作用

我的代码是

Javascript

var lbl = $("<label>").text('Welcome');
lbl.id = "test";
$("#sec").append(lbl);

---

如何为动态标签分配ID？

您需要使用

lbl.prop（“ID”，“test”）

，因为您已经将

lbl

作为jQuery元素而不是javascript/DOM元素启动，所以它没有

ID

属性。

需要使用

var lbl = $("<label>", {
   id: 'test'
}).text('Welcome');

$("#sec").append(lbl);

var lbl=$（“”{
id:'测试'
}).text（“欢迎”）；
美元（“#秒”）。追加（lbl）；

或者使用attr

var lbl = $("<label>").text('Welcome');
lbl.attr('id', "test");
$("#sec").append(lbl);

var lbl=$（“”）。text（'Welcome'）；
lbl.attr（'id'，'test'）；
美元（“#秒”）。追加（lbl）；

动态添加一些东西并不难

请参阅下面的代码：

HTML:

<label id ='lbl'>This is a label </label>
<button id ='btn'>Click</button>

$("#btn").click(function(){
    $("#lbl").css("color","red");
    $("#lbl").css("fontSize","20px");
});

此处的工作解决方案：

或

如果您只想使用

标签

而不是任何标签id或类别，则：

$("#btn").click(function(){
    $("label").css("color","red");
    $("label").css("fontSize","20px");
});

小提琴：

使用以下代码

var lbl = $("<label id='test'>").text('Welcome');
$("#sec").append(lbl);

var lbl=$（“”）。text（'Welcome'）；
美元（“#秒”）。追加（lbl）；

---

对于第一种方法，将“id='test'”放在标签标签中。由于在创建元素之前就知道id，所以一次完成就可以了。@msg:U R Welcome:）

var lbl = $("<label id='test'>").text('Welcome');
$("#sec").append(lbl);