Question

我无法弄清楚我是如何使用下面的那一个在表格中切换一行。

所以说我有一个包含2行的表，第一行包含内容，下面包含一个按钮，当页面加载时，内容行被隐藏，当你点击按钮时，它会打开和关闭内容行。

在示例中，第一个表可以工作，但第二个表没有，我需要第二个表工作。

$(document).ready(function() { 
$(".sectionhead").toggle( 
    function() { 
            $(this).next("tr").hide(); 
    }, 
    function() { 
            $(this).next("tr").show(); 
    } 
)

}）;

Answer 1

您应该使用.prev()代替.next()

$(document).ready(function(){
 $(".sectionhead").toggle(
  function() {
   $(this).prev().hide();
  },
  function() {
   $(this).prev().show();
  }
 )
})

Answer 2

试试这个：

$(document).ready(function() { 
    $(".sectionhead").each(function() {
        $(this).toggle( 
            function() { 
                $(this).next("tr").hide(); 
            }, 
            function() { 
                $(this).next("tr").show(); 
            } 
        ) 
    });
});

Answer 3

你可以这样做：

$(function() { 
  $("table").delegate(".sectionhead", "click", function() { 
    $(this).next("tr").toggle(); 
  });
});

如果表是动态加载的，你需要这个：

$(function() { 
  $(".sectionhead").live("click", function() { 
    $(this).next("tr").toggle(); 
  });
});

Jquery问题 - 无法在表格中展开上面的行

3 个答案: