javascript - JQUERY で動的に作成されたラベルに ID を設定できない

Question

jqueryで動的にラベルを作成しました。そのラベルに特定のスタイルを割り当てる必要があります。ここでは、そのラベルに一意の ID を割り当ててスタイルを適用しようとしました。しかし、それは機能していません。

私のコードは;

Javascript

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

CSS

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

ID を動的ラベルに割り当てる方法は?

score 4 · Accepted Answer

使用する必要があります

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

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

または属性を使用

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

score 1 · Accepted Answer

次のコードを使用

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

ラベルタグに「id='test'」を入れる

score 1 · Accepted Answer

何かを動的に追加することはそれほど難しくありません。

以下のコードを参照してください。

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");
});

4 に答える 4