Javascript-форум - Перемещение очередности вывода списков

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Перемещение очередности вывода списков (https://javascript.ru/forum/dom-window/43926-peremeshhenie-ocherednosti-vyvoda-spiskov.html)

Перемещение очередности вывода списков

<div class="menu1">
<ul class="menu l_tinynav2">

    <li class="group-first main selected">
        <a title="" href="http://site.ru/">1</a>
        <ul>
		<li class="group-first"><a title="" href="http://site.ru/">1</a></li>
		<li><a title="" href="http://site.ru/">1</a></li>
		<li class="group-last"><a title="" href="http://site.ru/">1</a></li>
	</ul>
    </li>
    <li class="group 2">
        <a title="" href="http://site.ru/">1</a>
        <ul>
		<li class="group-first"><a title="" href="http://site.ru/">1</a></li>
		<li><a title="" href="http://site.ru/">1</a></li>
		<li class="group-last"><a title="" href="http://site.ru/">1</a></li>
	</ul>
	</li>
    <li><a title="" href="http://site.ru/">1</a></li>
    <li class="group-last"><a title="" href="http://site.ru/">1</a></li>
</ul>
</div>

Вот здесь нужно сделать так что бы сначало вывел список <li class="group 2">, а потом <li class="group-first main selected">. Подскажите, можно ли такую фишку реализовать на jquery?

Цитата:

Сообщение от Roman S

нужно сделать так что бы сначало вывел список

<li class="group 2">

, а потом

<li class="group-first main selected">

Поменять их местами?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
	$('.group.2').insertBefore('.group-first.main.selected');
});
</script>
</head>
<body>
<div class="menu1">
	<ul class="menu l_tinynav2">
		<li class="group-first main selected">
			<a title="" href="http://site.ru/">1</a>
			<ul>
				<li class="group-first"><a title="" href="http://site.ru/">1</a></li>
				<li><a title="" href="http://site.ru/">1</a></li>
				<li class="group-last"><a title="" href="http://site.ru/">1</a></li>
			</ul>
		</li>
		<li class="group 2">
			<a title="" href="http://site.ru/">2</a>
			<ul>
				<li class="group-first"><a title="" href="http://site.ru/">1</a></li>
				<li><a title="" href="http://site.ru/">1</a></li>
				<li class="group-last"><a title="" href="http://site.ru/">1</a></li>
			</ul>
		</li>
		<li><a title="" href="http://site.ru/">3</a></li>
		<li class="group-last"><a title="" href="http://site.ru/">4</a></li>
	</ul>
</div>
</body>
</html>

В принципе можно и так, спасибо!

Цитата:

Сообщение от Roman S

В принципе можно и так

А как ты еще будешь делать? :D