Ich möchte ein @ hinzufüg<li> an einer bestimmten Position, zum Beispiel:

<ul id="list">
    <li>Position 1</li>
    <li>Position 2</li>
    <li>Position 4</li>
<ul>

Angenommen, ich möchte ein neues @ hinzufüge<li> unter / nach<li>Position 2</li>, wie kann ich das mit jQuery machen?

Ich habe versucht, es mit dem folgenden Code zu tun:

$('#list li:eq(1)').append('<li>Position 3</li>');

Aber es hat nicht funktioniert, weil es das @ anhän<li> innerhalb des<li>Position 2</li>, füge stattdessen das @ hin<li> unter / nach dem<li>Position 2</li>.

Kann mir jemand helfen?

Vielen Dank