Question

我正在使用stackoverflow上发现的现有jsfiddle，有这个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

您可以在jQuery中使用 find() 和 val() 方法使用以下方法

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

Answer 2

您可以使用.find()遍历input，然后使用.val()设置其值。

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

要查找文本节点，您可以使用

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

设置嵌套在LI中的输入值（文本框）

2 个答案: