Форум

Roman S · #1 (**permalink**) 26.12.2013, 19:47

<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?

ksa · #2 (**permalink**) 26.12.2013, 21:47

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

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

<li class="group 2">

, а потом

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

.

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

ksa · #3 (**permalink**) 26.12.2013, 21:53

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

<!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 · #4 (**permalink**) 26.12.2013, 21:55

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

ksa · #5 (**permalink**) 26.12.2013, 21:56

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

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

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

Форум

Справочник

Discord чат

Курсы javascript