Javascript 当我单击td中的Specify元素时切换tr

我在jquery中有这段代码，在td中我有一个名为arrow的div，当我单击它时，我想切换下一个tr。但是这个div在td中。我尝试使用nextUntil，但他只在我点击整个TR时工作，我只想在我点击arrow div时工作

        $('div.arrow').click(function(){
          $(this).nextUntil('tr.line-addendum').css('display', function(i,v){
            return this.style.display === 'table-row' ? 'none' : 'table-row';
          });
        });

        <tr class="line-validity">  
          <td class="field" nowrap> 
            <div class="arrow">
              <img src="/WebSoc/imagens/setaAudio.gif" alt="Associa" border="0">
            </div>
          </td>   
        </tr>
       <tr class="line-addendum"></tr>

$（'div.arrow'）。单击（函数（）{
$（this）.nextUntil（'tr.line-address'）.css（'display'，function（i，v）{
返回this.style.display==‘表行’？‘无’：‘表行’；
});
});

---

因此，当我点击div箭头时，我想切换TR行附录

，以从td使用中获取下一行：

 var tr = $(this).closest("tr");

要获取包含的

tr

，可以使用

tr.next（）

或等效工具

请注意，

.nextUntil

将获取匹配行之前的所有行（不包括匹配行）。要在附录而不是行之间切换，可以使用：

tr.nextAll(".line-addendum").first() 

以获得匹配的附录。（这可能不符合您的确切要求，因此可以在问题中进行扩展）

给予（同时保留尽可能多的原始代码）：

$（'div.arrow'）。单击（函数（）{
$（本）
.最近的（“tr”）
.nextAll（'tr.line-address'）
.first（）
.css（“显示”，功能（i，v）{
返回this.style.display==‘表行’？‘无’：‘表行’；
});
});

协会
补遗