Einfügen eines Elements in li mit einer ID mit jQuery

Question

Ich habe den folgenden Code

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

Ich möchte in 'node1' ein Textfeld anhängen, wie kann ich darauf verweisen?

$("li[id^=node]:last").attr("id") - gibt mir die Id des Objekts, das ich zuletzt hinzugefügt habe. Wenn ich es durchlaufe, erhalte ich alle Ids, die ich brauche, aber jetzt kenne ich die Id und möchte sie einfügen.

Ich habe versucht, before() und after(), aber seine von keinem Nutzen, ich brauche, um die Textdatei innerhalb der einfügen <li> Tag. Das Finale würde also wie folgt aussehen:

<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

Versuchen Sie

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

Arbeitsfähige Demo http://jsfiddle.net/uwXSR/

Answer 2

Beziehen Sie sich einfach auf die ID:

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

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