Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jak przenosić divy...?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
marcus755
Hej,
jak zrobić przenieść div'a z klasą test?

<div class="example">
<div class="test">costam 1</div>
<div class="test">costam 2</div>
<div class="test">costam 3</div>
</div>

efekt docelowy

<div class="example">
<div class="test">costam 2</div>
<div class="test">costam 1</div>
<div class="test">costam 3</div>
</div>
Forti
Chyba Cie nie rozumiem. Chcesz to zrobić w stylu "drag and drop" i ma to pozostać tak na stałe czy coś innego?
marcus755
bez "drag and drop"
chce żeby w każdym divie z klasą example pierwszego diva z klasą test przeniósł mi na drugą pozycję (zamienił miejscami ) i tyle:-)

<div class="costam">

<div class="example">
<div class="test">costam 2</div>
<div class="test">costam 1</div>
<div class="test">costam 3</div>
</div>

<div class="example">
<div class="test">costam 2</div>
<div class="test">costam 1</div>
<div class="test">costam 3</div>
</div>

<div class="example">
<div class="test">costam 2</div>
<div class="test">costam 1</div>
<div class="test">costam 3</div>
</div>

</div>
Forti
jquery


[JAVASCRIPT] pobierz, plaintext
  1. var first = $('div.example).find('div.test:first-child');
  2. var second = first.closest('div.test');
  3.  
  4. first.insertAfter(second);
  5.  
[JAVASCRIPT] pobierz, plaintext


pisane "na kolanie", nie mam pewności czy zadziała, ale coś w ten deseń.
marcus755
Dzięki:-)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.