javascript - 这段jquery代码的含义

Question

我发布了一个问题next() not working并得到回复，效果很好，但有人可以解释一下这里到底发生了什么吗:

$(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.) 切换可见性(可见/隐藏)

• 5.) .closest('tr')

  我们跳回到最近的父级tr

• 6.) siblings('tr')

  我们收到所有标有6的tr。)

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

  在所有同级 tr's 中查找 img.cc -> 6.) 并隐藏它们。