I'm a little stuck ... How can I wrap a collection of DOM elements at different levels in a combo div?
Here is an example:
<div id="item1">
<div id="item2"></div>
<div id="item3">
<div id="item4"></div>
</div>
<div id="item5"></div>
</div>
eg. Wrap # item2 and # item4 in #COMBO should look like this:
<div id="item1">
<div id="COMBO">
<div id="item2"></div>
<div id="item3">
<div id="item4"></div>
</div>
</div>
<div id="item5"></div>
</div>
or any other random selectors, such as # item1 and # item2 and # item4, should look like this:
<div id="COMBO">
<div id="item1">
<div id="item2"></div>
<div id="item3">
<div id="item4"></div>
</div>
<div id="item5"></div>
</div>
</div>
I would have to select several elements, such as $ ("# item2, # item4") or $ ("# item1, # item2, # item4"), and all the elements between them should be included in the shell.
@LeGEC
Selection:
$('#item2, #item5').myWrap();
Result:
<div id="item1">
<div id="COMBO">
<div id="item2"></div>
<div id="item3">
<div id="item4"></div>
</div>
<div id="item5"></div>
</div>
</div>
In this example, it should be clear:
Selection:
$('#item4, #item5').myWrap();
Result:
<div id="item1">
<div id="item2"></div>
<div id="COMBO">
<div id="item3">
<div id="item4"></div>
</div>
<div id="item5"></div>
</div>
</div>
Mayko source
share