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

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

3 个答案: