XHTMLforum - jQuery - Listenelemente neu ordnen

XHTMLforum (http://xhtmlforum.de/index.php)

- Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)

- - jQuery - Listenelemente neu ordnen (http://xhtmlforum.de/showthread.php?t=71452)

jQuery - Listenelemente neu ordnen

Hallo,

hier erstmal der code, um den es geht:

HTML-Code:

<ul>

  <li></li>

  <li></li>

  <li></li>

</ul>

<input type="submit" value="neu ordnen">

Code:

$('input').on('click',function(){

  var li = $('ul li').eq(0);

  $('ul').append(li);

})

Meine Frage: Wenn ich den Button klicke, dann wird das erste Element zwar hinten angehangen aber es wird gleichzeitig als erstes Element gelöscht. Warum ist das so? Ich lösche doch gar kein Element. Das Verhalten was ich erwarte ist, dass das erste Element dann 2. mal vorhanden ist.

Das Verhalten ist vollkommen korrekt, du selektierst ein Element und hängst es neu in den DOM-Baum. Da ein Element nur an einer Stelle eingehängt sein kann, verschwindet es logischer Weise an seinem alten Platz. Wenn du das nicht möchtest, musst du ein neues Element erzeugen, oder ein vorhandenes klonen.

Hi,

danke für die Antwort und die Erklärung. Nun ist es klarer.