Question

我有这个带有contents，sub-contents和sub-sub-content的html表格，我想要隐藏所有子内容＆＃34;内部＆＃34;我点击的内容。

<table>
  <tr class='content'>
    <td>Things and things...</td>
  <tr class='sub-content'>
  <tr class='sub-content'>
  <tr class='sub-sub-content'>
  <tr class='content'>
  <tr class='sub-content'>
  <tr class='sub-sub-content'>
  <tr class='sub-sub-content'>
  <tr class='sub-content'>
  <tr class='sub-sub-content'>
  <tr class='content'>
  ...
</table>

我试图用jQuery做这件事，但我无法做到。实际上，我在点击sub后隐藏了所有sub-sub和content，但我只想隐藏点击的sub / sub-sub content下一个content。

$('.content').on('click', function() {
    var element = $(this).next('.content');
    $(this).nextUntil(element, '.sub-content').toggle();
    $(this).nextUntil(element, '.sub-sub-content').toggle();
});

我没有得到我在这里失踪的东西。

Answer 1

我认为你可能会稍微复杂一点......试试这个：

$('.content').on('click', function() {
    $(this).nextUntil('.content').toggle();
});

这是小提琴：http://jsfiddle.net/mifi79/KNED6/2/

Answer 2

对我而言，最好的方法是FIddle

<script type="text/javascript">
$(document).ready(function(){
    $('.content').on('click', function() {
        $(this).nextUntil('.content').toggle();
    });

})
</script>

切换两个元素之间的可见性

2 个答案: