为什么我的标签内容不会随着这个jQuery而改变？

Question

我想通过jQuery更改标签的内容.我有这个代码:

HTML

<input type="checkbox" id="ckbxEmp" >Employee?
<label id="lblSSNOrITIN">Bla</label>

jQuery的

$(document).on("change", '[id$=ckbxEmp]', function () {       
    var ckd = this.checked;
    var $lbl = $('[id$=lblSSNOrITIN]');      
    $lbl.prop("content", ckd ? "SSN" : "ITIN");
}); 

......可以在这里摆弄

Label没有"text"CSS属性(我在这里检查过)并尝试过,所以我认为"内容"是要走的路 - 但这似乎也不起作用.我希望"Bla"在选中复选框时更改为"SSN",并在取消选中时更改为"ITIN",但无论在检查/取消选中复选框时我对鼠标应用了多少PSI,它都会保持"Bla" .我甚至想过用锤子敲打它,但是......这不是我的老鼠.

Answer 1

尝试使用.html()如果你有html代码或.text()只是纯文本而不是.prop("content",...),如下所示:

$lbl.text(ckd ? "SSN" : "ITIN");

http://jsfiddle.net/euukvsja/