jquery divs neu anordnen

Ich habe 3 divs wollen, um in umgekehrter Reihenfolge auf doucment bereit

<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>

Wie kann ich das in jquery?

  • Warum würden Sie umkehren möchten Sie auf Dokument fertig? Warum nicht einfach laden Sie Sie Umgekehrt zunächst?
InformationsquelleAutor LeBlaireau | 2012-04-10
  1. 20
    <div id="parent">
<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>
</div>

    Und versuchen, diese in Jquery

    $('#parent > div').each(function() {
    $(this).prependTo(this.parentNode);
});​

    Können Sie siehe Beispiel in jsfiddle http://jsfiddle.net/N7PGW/

    • +1 für die nicht darauf angewiesen, zu wissen, die id oder die Anzahl der divs in der übergeordneten.
    InformationsquelleAutor Chuck Norris
  2. 12

    Verwenden Sie einfach

    $('#block-2').insertBefore('#block-1');
$('#block-3').insertBefore('#block-2');

    Beispiel Geige: http://jsfiddle.net/2DUXF/

    InformationsquelleAutor fcalderan
  3. 3

    Dieser umkehren wird, alle divs ein div mit der id "div1" 

      $(function(){
    var items=$("#div1 div").toArray();
        items.reverse();
        $.each(items,function(){
           $("#div1").append(this); 
        });     
    });​

    Hier ist das jsFiddle http://jsfiddle.net/bCAVz/8/

    • Ich mag die Verwendung von toArray() - zusätzlich zu den Allgemeinen reverse() gefragt wurde, denn ich kann es auch verwenden, um zufällige etc.
    InformationsquelleAutor Shyju
  4. 0
    $(
   $("div[id|=block]")
      .slice(1)
      .get()
      .reverse()
 )
    .insertBefore("div[id|=block]:first");

    http://jsfiddle.net/8adwS/

    Beachten Sie auch, dass Sie hinzufügen können, die array-reverse-syntax, um die jQuery-Funktion, syntax, das würde sparen Sie eine Auswahl.

    InformationsquelleAutor Explosion Pills
Schreibe einen Kommentar