Set Значение ввода (текстовое поле), вложенное в LI

Question

Я использую существующий jsfiddle найденный на StackOverflow, , который имеет этот DIV:

<div class='sort-me'> 
     <li>Lorem<input style="float:right;"></input></li> 
     <li>ipsum<input style="float:right;"></input></li> 
     <li>dolor<input style="float:right;"></input></li> 
     <li>dolor<input style="float:right;"></input></li> 
     <li>dolor<input style="float:right;"></input></li> 
    </div> 

Я пытаюсь установить текст на входе, но не могу получить это право:

Примеры того, что я пробовал:

$("li").each(function() { 
    $(this).childNodes[0].text('x'); 
    $(this).childNodes[1].text('x'); 

}); 

Answer 1

Вы можете использовать .find() для travese в input затем использовать .val(), чтобы установить его значение.

$(this).find('input').val('x'); 

Чтобы найти текстовый узел, вы можете использовать

var textNodeElem = $(this).contents().filter(function() { 
    return this.nodeType === 3; //Node.TEXT_NODE 
}); 
textNodeElem[0].textContent='XYZ'; 

Answer 2

Вы можете использовать следующий метод, используя find() и val() методы в JQuery

$("li").each(function() { 
    $(this).find('input').val('x'); 
});