使用jQuery将元素插入到带有id的li中

Question

我有以下代码

<ul id="box1">
  <li id="node3">Student C</li>
  <li id="node1">Student A</li>
  <li id="node2">Student B</li>
</ul>

我想在'node1'中添加一些文本字段，我该如何引用它？

$("li[id^=node]:last").attr("id") - 给我最后添加的对象的id，如果我遍历它，我得到我需要的所有id，但现在我知道id并想插入其中。

我已经尝试过before（）和after（），但它没用，我需要在<li>标签内插入文本文件。 所以决赛将是这样的：

<ul id="box1">
  <li id="node3">Student C</li>
  <li id="node1">Student A <input type="text" name="studAValue" style="margin-left:25px"/> </li>
  <li id="node2">Student B</li>
</ul>

Answer 1

尝试

$("li[id^='node']:last").append('<b>test</b>');

工作演示http://jsfiddle.net/uwXSR/

Answer 2

只需通过id引用它：

$("#node1").append(
    '<input type="text" name="studAValue" style="margin-left:25px"/>');

或者在原生JavaScript中：

document.getElementById("node1").innerHTML += 
    '<input type="text" name="studAValue" style="margin-left:25px"/>';

Answer 3

http://jsfiddle.net/VfZuk/4/

$('#node1').append($('<input type="text" name="studAValue" style="margin-left:25px"/>'));