javascript - 单击元素时，使用另一个类找到相对于该元素最接近的元素并切换它

Question

我在这里遗漏了一些东西。当单击带有 one 类的行时，我只想查找带有 two 类的最近行，然后切换(显示/隐藏) 它。

$(".one").on('click', function() {
   $(this).find('.two').toggle(); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr class="one">
        <td> Hello </td>
    </tr>
     <tr>
        <td> world </td>
    </tr>
    <tr class="two">
        <td> Foo </td>
    </tr>
    <tr class="two">
        <td> Bar </td>
    </tr>    
</table>

Answer 1

类似这样的事情:

$(".one").on('click', function() {
    $(this).nextAll('.two:first').toggle(); 
});

http://jsfiddle.net/DerekL/5ossufmj/