如何在點擊當前列表項中的鏈接時操作div

Question

我有一個包含div和鏈接的項目列表，例如，

<ul> 
    <li class="item"> 
     <div class="div1"></div> 
     <a class="link1"></a> 
    </li> 
    <li class="item"> 
     <div class="div1"></div> 
     <a class="link1"></a> 
    </li> 
    <li class="item"> 
    <div class="div1"></div> 
    <a class="link1"></a> 
    </li> 
</ul> 

我想點擊鏈接列表項（鏈接1）和更新/操縱當前列表項的DIV內容（DIV1）。點擊其他列表項中的鏈接應該對相應的div進行相同的操作。

任何幫助我如何做到這一點。

Answer 1

$(function(){ 
    $("li.item a.link1").click(function() { 
    $(this).siblings("div.div1").html("Yeah, that's the manipulated div."); 
    }); 
}); 

參考：

http://api.jquery.com/siblings/

Answer 2

嘗試這種情況：

$(function(){ 
    $("a.link1").click(function(){ 
     var div1 = $(this).prev("div.div1") 
     //Do something with div1 
    }); 
}); 

Answer 3

$("a[class^='link']").click(function() { 
    var div = $(this).siblings("div"); 
    // Update div 
}); 

實施例：http://jsfiddle.net/tqDsD/