使用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"/>'));