Aller au contenu principal

Couper une liste HTML en deux avec jQuery

Fiche écrite en 2014, pour les navigateurs et les versions de l’époque. Vérifiez qu’elle correspond encore à votre environnement avant de l’appliquer.

Couper une liste en deux à partir d’un élément donné, par exemple pour répartir un long menu sur deux colonnes : on repère l’élément de coupure, on crée une nouvelle liste juste après l’ancienne, et on y déplace tous les éléments qui suivent.

JavaScript
var splitPoint = $('#mon_li').prev();
var list = splitPoint.parent();
$("<ul>").append(splitPoint.nextAll()).insertAfter(list);