현재 목록 항목에서 링크를 클릭 할 때 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> 

목록 항목 (link1)의 링크를 클릭하고 현재 목록 항목의 div 콘텐츠 (div1)를 업데이트/조작하고 싶습니다. 다른 목록 항목의 링크를 클릭하여 해당 항목과 동일한 작업을 수행해야합니다.

이 작업을 수행하는 방법에 대한 도움이 필요합니다.

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/