Search jQuery

jQuery Forum

append Children from a Box to another

in Getting Started • 7 years ago

Hi,

what i am trying to do is to remove items from one box "selectedFrom" and add it to its sibling "apendTothis", but unfortunately if i am selecting the children and append it to the specific sibling box "apendTothis", all children from other boxes will apear to every sibling box.

example of html struct:

...
<div class="parent>
<div class="selectedFrom">
<div class="child">item</div>
<div class="child">item</div>
<div class="child">item</div>
</div>
<div class="appendToThis"></div>
</div>
<div class="parent>
<div class="selectedFrom">
<div class="child">item</div>
</div>
<div class="appendToThis"></div>
</div>
...

and the jquery:

var kids = $('. selectedFrom').children('. child');
var box = $('. selectedFrom').next(); // in this case should be . appendToThis
kids.appendTo(box);

I know i will get an array, but how can be sure that only children from siblings will appear to the nex-sibling-box and every child stays still at its parent div box?

thanx in advance.