[JavaScript] Zdobywanie wartości id rodzica Opcje

[sweter]

Witam,

mam taki kodzik:

[HTML] pobierz, plaintext 
 
<h5 id="1"><div class="wybrano_l"></div>Menu</h5>
							<ul id="i1" class="undermenu">
								<li id="1">Menu<div id="w1" class="wybrano_p" style="display:block"></div></li>
								<li id="2">Menu<div id="w2" class="wybrano_p"></div></li>
								<li id="3">Menu<div id="w3" class="wybrano_p"></div></li>
								<li id="4">Menu<div id="w4" class="wybrano_p"></div></li>
								<li id="5">Menu<div id="w5" class="wybrano_p"></div></li>
							</ul>
						<h5 id="2"><div class="wybrano_l"></div>Menu</h5>
							<ul id="i2" class="undermenu">
								<li id="1">Menu<div id="w1" class="wybrano_p" style="display:block"></div></li>
								<li id="2">Menu<div id="w2" class="wybrano_p"></div></li>
								<li id="3">Menu<div id="w3" class="wybrano_p"></div></li>
							</ul>
 
 
[HTML] pobierz, plaintext 

Menu działa w taki sposób:

Domyślnie klasy "undermenu" są niewidoczne(display:none) - widać tylko elementy <h5>.

Po kliknięciu na taki element rozwija się konkretna lista (np. klikam w <h5> z id="1" pokazuje się lista z id="i1").

Następnie można kliknąć wybrany element <li>. Obok niego powinien pojawić się <div> z class="wybrano_p".

Jednak mam problem z tym, że po wybraniu np. <li id="2">, którego rodzicem jest <h5 id="1">, i kliknięciu na <h5 id="2"> Nie ma tam domyślnie zaznaczonej pierwszej pozycji (IMG:style_emoticons/default/sad.gif)

Sądzę, że dobrym rozwiązaniem było by pobranie atrybutu "id" z elementu nadrzędnego <li>, czyli z <h5>. Czy jest to możliwe za pomocą js?

A co Wy o tym sądzicie?

Poniżej zamieszczam kod java script:

Kod

$("H5").click(function(){
                    var id = $(this).attr("id");
                    var stan = $("#i"+id).css("display");
                    if(stan=="none"){
                        $(".wybrano_l").css("rotation","90deg anti-clockwise");
                        $(".undermenu").slideUp("normal");
                        $("#i"+id).slideToggle("normal");
                    }
                });
                
                $(".undermenu > li").click(function(){
                    var id = $(this).attr("id");
                    $(".wybrano_p").hide("fast");
                    $(".undermenu > li").css("font-weight","normal");
                    $(this).css("font-weight","bold");
                    $("#w"+id).show("fast");
                });

Ten post edytował sweter 30.01.2010, 22:09:01