使用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>

- Vivek

---

你有值为 node1 的变量吗？ - Daniel A. White

如果你的 id 是真正唯一的，那么你应该直接使用 $("#node1")。 - JMax

Answer 1

尝试

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

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

- Muhammad Usman

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

- aroth

Answer 3

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

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

- Samich