Question

I have a list of items which contains a div and a link e.g.

<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>

I would like to click the link in a list item (link1) and update/manipulate the div content (div1) for the current list item. click the link in an other list item should do the same to it’s corresponding div.

Any help on how I can get this done.

Answer 1

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

Reference:

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