2011-10-27 142 views
0

我有5個的div,在每個的div有兩個鏈路中所示的例子中下面當另一個兄弟鏈接被點擊時獲取兄弟鏈接類?

<div id="wrapper"> 
<a href="2332" class="first link1">Link1</a><a href="link2" class="link2">Link2</a> 
    </div> 

    <div id="wrapper"> 
<a href="1221" class="second link1">Link1</a><a href="link2" class="link2">Link2</a> 
    </div> 

    <div id="wrapper"> 
<a href="789" class="third link1">Link1</a><a href="link2" class="link2">Link2</a> 
    </div> 

    <div id="wrapper"> 
<a href="345" class="abc link1">Link1</a><a href="link2" class="link2">Link2</a> 
    </div> 

    <div id="wrapper"> 
<a href="123" class="bcd link1">Link1</a><a href="link2" class="link2">Link2</a> 
    </div> 

我怎樣才能使用JavaScript/jQuery來GET LINK1的CLASS(同一div內不其他)時LINK2是點擊。 好吧,當我點擊第三 div的鏈接2鏈接,它會給我「第三」(不包括link1,這也是一類)。

點擊功能是:

$('.link2').click(function(){ 

}); 

回答

0

因爲第一個鏈接後面緊跟第二,你可以使用prev去的鏈接和attr得到class屬性的值:

$('.link2').click(function(){ 
    var prevClass = $(this).prev().attr("class"); 
}); 

這會給你「第三個link1」,因爲這是class屬性的值。如果你只想要第一部分,你可以分割它:

var prevClass = $(this).prev().attr("class").split(" ")[0]; 

這裏是一個working example

+0

感謝您的幫助 – sm21guy

+0

@ sm21guy,您應該接受問題以獲得更好的代表。 – frosty

0

看看jQuery siblings選擇器。根據您的情況,您也可以使用prev或next。

+0

感謝您的幫助 – sm21guy