JQuery - ako vybrat vzdy predchadzajuce ID elementu LI v horizontalnom menu ??? – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahojte, potreboval by som pomoct s jQuery (nenasiel som tu forum cisto na jQuery, tak pisem sem..)

mam horizontalne menu v html kode:

<div id="mainSubNav">

	<ul>

		<li id="list_1"><a href="#"><span>Timetable</span></a></li>

		<li id="list_2"><a href="#"><span>Flight status</span></a></li>	

		<li id="list_3"><a href="#"><span>Our fleet</span></a></li>

		<li id="list_4"><a class="bgNone" href="#"><span>Fly green</span></a></li>							

	</ul>

</div>

$(document).ready(function() {



				$("li#list2").mouseover(function(){	

					$("li#list1 a").addClass("bgNone2");

				}).mouseout(function(){		

					$("#mainSubNav ul > li a").removeClass("bgNone2");				

				});

				

				$("li#list3").mouseover(function(){	

					$("li#list2 a").addClass("bgNone2");

				}).mouseout(function(){		

					$("#mainSubNav ul > li a").removeClass("bgNone2");				

				});

				

				$("li#list4").mouseover(function(){	

					$("li#list3 a").addClass("bgNone2");

				}).mouseout(function(){		

					$("#mainSubNav ul > li a").removeClass("bgNone2");				

				});				

		});

$(document).ready(function(){

			var li = $(document).find("#mainSubNav > ul > li");

			var i = "0";

			for (i; i<li.lenght; i++) {



				$("li#list(i)").mouseover(function(){	

					$("li#list(i-1) a").addClass("bgNone");

				}).mouseout(function(){		

					$("#mainSubNav ul > li a").removeClass("bgNone");				

				});			

			}

		});

$("li#list(i)")