Markup de départ :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<div class="list-wrapper"> <ul class="list"> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> </ul> <ul class="list"> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> </ul> <ul class="list"> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> </ul> </div> |
Résultat attendu :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="list-wrapper"> <ul class="list"> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> <li class="item">hello</li> </ul> </div> |
jQuery :
|
1 2 3 4 5 6 |
jQuery(document).ready(function(){ jQuery('.list').replaceWith(function() { return jQuery('.item', this); }); jQuery('.item').wrapAll('<ul class="list" />'); }); |