无法在 JQUERY 中将 ID 设置为动态创建的标签

not able to set ID's to dynamically created labels in JQUERY

本文关键字：动态 创建 标签 设置 ID JQUERY 中将      更新时间：2023-09-26

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

我的代码是;

爪哇语 

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

.CSS

#test
{
  color:red;
  font-size:20px;
}

如何将 ID 分配给动态标签？

你需要

使用lbl.prop("id","test")，因为你已经启动了lbl作为jQuery元素而不是javascript/DOM元素，所以它没有id属性。

需要使用

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

或使用吸引力

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

动态添加一些东西并不难。

请参阅下面的代码：

.HTML： 

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

.JS：

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

这里的工作解决方案：http://jsfiddle.net/baEWb/

或

如果您只想使用 label 而不是任何标签 ID 或类，则：

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

小提琴 ： http://jsfiddle.net/baEWb/1/

使用以下代码

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

在标签标签中输入"id='test'">

相关文章：