使用 JQuery 设置标签文本

Question

这应该很简单，但是以下代码在更改下一个标签的文本方面没有做任何事情。 我曾尝试使用 .text、.html 等，但无济于事。 这段代码有什么问题吗？

<script type="text/javascript">
$(document).ready(function()
{
    $("input:checkbox").on("change", checkboxChange);

    function checkboxChange()
    {
        $("#"+this.id).next("label").text("TESTTTT");
    }
});
</script>



<td width="15%" align="center"><input type="checkbox" name="task1" id="task1"></td>
<td width="25%" align="center"><label for="task1"></label></td>

Answer 1

该复选框位于td ，因此需要先获取父级：

$("input:checkbox").on("change", function() {
    $(this).parent().next().find("label").text("TESTTTT");
});

另外，发现其中有一个标签for具有相同id （也许比反向穿越更好的性能）：

$("input:checkbox").on("change", function() {
    $("label[for='" + $(this).attr('id') + "']").text("TESTTTT");
});

或者，更简洁的是this.id ：

$("input:checkbox").on("change", function() {
    $("label[for='" + this.id + "']").text("TESTTTT");
});

Answer 2

我只想方式查询for属性而不是重复递归DOM树。

$("input:checkbox").on("change", function() {
    $("label[for='"+this.id+"']").text("TESTTTT");
});

Answer 3

你可以试试：

<label id ="label_id"></label>
 $("#label_id").html('value');