tengo el siguiente html

 <ul class ="paragraphs"> <li class="paragraph" element="1">1</li> <li class="paragraph" element="2">2</li> <li class="paragraph" element="3">3</li> <li class="paragraph middle" element="4">4</li> <li class="paragraph" element="5">5</li> <li class="paragraph" element="6">6</li> <li class="paragraph" element="7">7</li> </ul>

Tengo una variable que es un elemento aleatorio (elemento = "1" a elemento = "7"), estoy tratando de colocar ese elemento en el medio, pero mantengo otros elementos en orden. Entonces, si el elemento fuera 2, el orden sería 1342567, si el elemento fuera 7, el orden sería 1237456.

empiezo por quitar la clase media

 $(".paragraphs middle").removeClass("middle");

Luego agrego .middle al elemento dado

 $(".paragraphs .paragraph[ element=' + Element + ']").addClass("middle");

Lo que estoy tratando de hacer ahora es agregar .paragraph.middle en el medio de los niños. Una forma en la que estaba pensando es verificar si el elemento está entre 1 y 4, si es así, luego inserte después de 4. Si el elemento está entre 4 y 7, inserte antes del medio. Pero, ¿se pregunta si esta es la mejor manera o si hay algo más simple?

Gracias