这个jquery代码的含义

Question

我发布了一个问题next()没有工作,并得到了一个很好的回复,但有人可以解释我到底发生了什么:

$(this).closest('tr').next('tr').find("img.cc").toggle()
       .closest('tr').siblings('tr').find("img.cc").hide();

Answer 1

<tr>                              <<-- 1.)    <<-- 6.)
  <td>
    <a href="#" class="xx"></a>               <<-- we start here
  </td>
  <td>
    data
  </td>
</tr>
<tr>                              <<-- 2.)    <<--  5.)
  <td> 
    <img src="#" class="cc" />    <<-- 3.)    <<-- 4.)
  </td>
</tr>    
<tr>                              <<-- 6.)
  <td>
    <a href="#" class="xx"></a>
  </td>
  <td>
    data2
  </td>
</tr>
<tr>                              <<-- 6.)
  <td> 
    <img src="#" class="cc" />    <<-- 7.)
  </td>
</tr>

• 1.) $(this).closest('tr')

  这条线跳到1.)

• 2.) .next('tr')

  我们到达2.)

• 3.) .find("img.cc")

  现在,我们希望在3.)找到元素

• 4) .toggle()

  我们从元素4)切换visibilty (可见/隐藏)

• 5.) .closest('tr')

  我们跳回最近的父母 tr

• 6.) siblings('tr')

  我们收到所有tr's标有6.)

• 7.) .find("img.cc").hide();

  img.cc在所有兄弟姐妹中找到tr's- > 6.)并隐藏它们.