Как изменить метку ввода с помощью JQuery

Question

У меня есть HTML, как следующие:

<div class="task-manager"> 
    <label>Manager: <input type="text" value="" /></label> 
</div> 

Мне нужно изменить текст диспетчера этикетки динамически. Я попытался использовать текстовый метод JQUERY, но он также заменяет тип ввода.

$taskTemplate.find(".task-manager label").text("M123") 

Answer 1

Вы можете использовать:

$taskTemplate.find(".task-manager label").contents().get(0).nodeValue = "M123:"; 

Answer 2

Вы должны изменить свой HTML код, потому что <input> поле внутри <label> и когда вы изменяете значение этой метки, это также перезапись и удаление поля ввода формы:

<div class="task-manager"> 
    <label>Manager:</label> <input type="text" value="" /> 
</div> 

Answer 3

Просто переместите вход тег вне тега label, потому что, когда вы обновляете текст своего ярлыка, его стирание содержимого метки (которое, очевидно, будет удалять входной тег inside), поэтому измените свой код следующим образом:

HTML код:

<div class="task-manager"> 
    <label for="title">Manager:</label> 
    <input type="text" id = 'title' value="" /> 
</div> 

JS код:

$('.task-manager label').text('Deputy Manager :'); 

Демо @ Jsfiddle: http://jsfiddle.net/dreamweiver/w6arp71x/

примечание/предложение: for атрибут добавлен маркировать, чтобы связать input до label по умолчанию

Днем Coding :)

Answer 4

$taskTemplate.find(".task-manager label").contents().get(0).nodeValue = "M123:" 

это работал :)