如何在Jquery中更改标签文本

Question

Hi I am trying to change label text in an input field;

var check =  $("#name_label").find(".nameText").text("Malcom"); 
alert("check" + check);

here is my HTML

<input type="checkbox" class="NameList" id="name_label">
<label for="name_label">
<div class="nameText">&nbsp;</div>
</label>

right now it return object instead of changing the text. Please help.

Answer 1

更改您的代码

 $("[for='name_label']").find(".nameText").text("Malcom")

Answer 2

The label is the next element after input but not inside input

$("#name_label").next('label').find('.nameText').text("Malcom");

To then check it you have to get the text inside (and not by puttinf the text in, that will result in an html object)

var check = $("#name_label").next('label').find('.nameText').text();
alert("check " + check);

See code example below

 $("#name_label").next('label').find('.nameText').text("Malcom"); var check = $("#name_label").next('label').find('.nameText').text(); alert("check " + check); 

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input type="checkbox" class="NameList" id="name_label"> <label for="name_label"> <div class="nameText">&nbsp;</div> </label> 

Answer 3

选择标签，然后选择其内部div并更改其html，如下所示

$("label[for=name_label]").find(".nameText").html("Malcom");