为什么我的标签内容不会随着这个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");
}); 

...可以摆弄here

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

Answer 1

如果您有html代码，请尝试使用.html（）或使用.text（）仅使用纯文本而不是.prop（“content”，...），如下所示：

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

http://jsfiddle.net/euukvsja/