Jquery问题-无法展开表中上面的行
我搞不懂的是如何使用表中的行下面的行来切换表中的行 假设我有一个表,有两行,第一行包含内容,下面一行包含按钮,当页面加载内容行时,内容行被隐藏,当您单击按钮时,内容行被打开和关闭 在本例中,第一个表工作,但第二个表不工作,我需要第二个表工作Jquery问题-无法展开表中上面的行,jquery,Jquery,我搞不懂的是如何使用表中的行下面的行来切换表中的行 假设我有一个表,有两行,第一行包含内容,下面一行包含按钮,当页面加载内容行时,内容行被隐藏,当您单击按钮时,内容行被打开和关闭 在本例中,第一个表工作,但第二个表不工作,我需要第二个表工作 $(document).ready(function() { $(".sectionhead").toggle( function() { $(this).next("tr").hide(); },
$(document).ready(function() {
$(".sectionhead").toggle(
function() {
$(this).next("tr").hide();
},
function() {
$(this).next("tr").show();
}
)
})) 试试这个:
$(document).ready(function() {
$(".sectionhead").each(function() {
$(this).toggle(
function() {
$(this).next("tr").hide();
},
function() {
$(this).next("tr").show();
}
)
});
});
您可以这样做:
$(function() {
$("table").delegate(".sectionhead", "click", function() {
$(this).next("tr").toggle();
});
});
但是,如果表是动态加载的,则需要:
$(function() {
$(".sectionhead").live("click", function() {
$(this).next("tr").toggle();
});
});
您应该使用
.prev()
而不是.next()
你是说.prev(“tr”)
?
$(document).ready(function(){
$(".sectionhead").toggle(
function() {
$(this).prev().hide();
},
function() {
$(this).prev().show();
}
)
})