为什么我的标签内容没有随着这个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

摆弄

标签没有"text"CSS属性（我查了here）试了一下，所以我觉得"content"就是这样去 - 但这似乎也不起作用。我希望 "Bla" 在选中复选框时更改为 "SSN"，在未选中时更改为 "ITIN"，但无论我应用多少 PSI，它都会保持 "Bla"鼠标时 checking/unchecking 复选框。我什至想过用锤子敲打它，但是……这不是我的鼠标。

Answer 1

如果您也有 html 代码，请尝试使用 .html() 或仅对纯文本使用 .text() 而不是 .prop("content", ...)，像这样：

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

http://jsfiddle.net/euukvsja/

为什么我的标签内容没有随着这个jQuery改变？

Why does the content of my label not change with this jQuery?

html

jquery

label

HTML

jQuery