JQuery - ako vybrat vzdy predchadzajuce ID elementu LI v horizontalnom menu ??? – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

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

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Gerronimo
~ Anonymní uživatel
1 příspěvek
6. 8. 2008   #1
-
0
-

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>


v danom menu je na prvok A definovany tzv. "divider" ako background-image ktory oddeluje jednotlive polozky menu obrazkom - 2px zvislou ciarkou. a ja potrebujem schovavat tento divider takymto sposobom:
"ked idem myskou (hover) na LI s ID=list_2 tak sa mi schova divider pre LI s ID=list_1 ...atd. ...cize vzdy tomu predchadzajucemu...

moj jQuery kod ktory funguje ale nieje riesenim:


$(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");
});
});


ja potrebujem tento kod zjednodusit cez nejaky cyklus v ktorom nadefinujem to co potrebujem...
nejako takto?


$(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");
});
}
});


toto vsak nefunguje, zapis
$("li#list(i)")
urcite nieje dobry...

dakujem za akekolvek podnety

Nahlásit jako SPAM
IP: 212.89.227.–
Reklama
Reklama
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 32 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý