jak przenosić divy...? Opcje

[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>

Ten post edytował marcus755 18.02.2015, 09:47:07

[Forti]

jquery

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

pisane "na kolanie", nie mam pewności czy zadziała, ale coś w ten deseń.

[marcus755]

Dzięki:-)