2012-03-26 43 views
0

獲取的元素有關的元素時的onclick子元素我有這些類型的列表:的jQuery

<ul id="navmenu-v"> 
    <li class="level1"><a id="56" class="s1">Accessories</a> 
    <ul class="level2"> 
     <li><a id="232" class ='s2'>Apple</a></li> 
     <li><a id="231" class ='s2'>Mango</a></li> 
     <li><a id="154" class ='s2'>Orange</a></li> 
    </ul> 
    </li> 
    <li class="level1"><a id="63" class="s1">Componet</a> 
    <ul class="level2"> 
     <li><a id="129" class ='s2'>Leave</a></li> 
     <li><a id="658" class ='s2'>Tree</a></li> 
     <li><a id="158" class ='s2'>Roof</a></li> 
    </ul> 
    </li> 
</ul> 

我怎樣才能獲得類S1如56和63的ID,當我點擊在班級S2?

謝謝你。

+3

[你嘗試過什麼?](http://mattgemmell.com/2008/12/08/what-have-you-tried/) – bPratik 2012-03-26 09:03:40

回答

2

你可以做

$('.s2').click(function(){ 
    alert($(this).closest('.level1').find('a.s1').attr('id')); 
}); 
+0

非常感謝你,這就是我想要的:) – titi 2012-03-26 09:04:58

4
$(".s2").click(function() { 
    console.log($(this).closest(".level1").find(".s1").attr("id")); 
}); 

旁註:根據HTML規範與數字

的id無法啓動。

+0

重*「號的不能從根據html規範的數字開始「*它們[可以自HTML5開始](http://www.w3.org/TR/html5/elements.html#the-id-attribute)。他們[不能在HTML4中](http://www.w3.org/TR/html401/types.html#type-name)或[在CSS中](http://www.w3.org/TR/CSS21 /syndata.html#value-def-identifier),所以不推薦,但... – 2012-03-26 09:05:45

+0

@Dogbert:感謝Dogbert。 – titi 2012-03-26 09:06:05

+0

@ T.J.Crowder不知道,謝謝! – Dogbert 2012-03-26 09:06:34