jquery - 单击当前列表项中的链接时如何操作 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)。单击其他列表项中的链接应该对其相应的 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/