jquery問題 - 不能在表格中擴展上面的行

Question

我不能弄清楚的是我如何使用下面的表格切換一行。

所以說我有一個2行的表，第一個包含內容，下面的一個包含一個按鈕，當頁面加載內容時，行被隱藏，當您點擊按鈕時，它會打開和關閉內容行。

在這個例子中，第一個表格工作，但第二個表格不工作，我需要第二個工作。

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

}）;

Answer 1

試試這個：

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

Answer 2

你可以這樣做：

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

如果表是動態加載，雖然，你需要這樣的：

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

Answer 3

你應該用.prev()代替.next()

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