javascript - 查找已点击标签上最近的图像

Question

我有这个列表，我想更改单击的标签上的图像。我怎样才能做到这一点？？？

 <ul>
        <li class='Root'>
           <img src='icon_plus.png' /><input type='checkbox' /><a href='#'><span>sth</span></a>
        </li>
        <li class='Root'>
          <img src='icon_plus.png' /><input type='checkbox' /><a href='#'><span>sth</span></a>
        </li>
 </ul>
 <script>
     $('.Root a').click(function () {
             //How Can I do that????
     });
</script>

Answer 1

使用.siblings() :

$('.Root a').click(function () {
    var $img = $(this).siblings('img');
    $img.attr('src', 'newimage.png')
});

    $('.Root a').click(function() {
      var $img = $(this).siblings('img');
      $img.attr('src', 'https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png')
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li class='Root'>
    <img src='icon_plus.png' />
    <input type='checkbox' /><a href='#'><span>sth</span></a>
  </li>
  <li class='Root'>
    <img src='icon_pluss.png' />
    <input type='checkbox' /><a href='#'><span>sth</span></a>
  </li>
</ul>