1

以下のようなテーブル構造があります。

    <table>
      <thead>
        <tr></tr>
        <tr></tr>
      </thead>
      <tfoot>
        <tr></tr>
        <tr></tr>
      </tfoot>
      <tbody>
        <tr></tr>
        <tr></tr>
     </tbody>
   </table>

ヘッドの最初の行をクリックしたときに、tbody と tfoot の表示/非表示を切り替えたい。私は多くのことを試しましたが、そのようなテーブルが複数ある可能性があるため失敗しました。私はjqueryを使用しています。前もって感謝します。

4

6 に答える 6

3 
$('thead tr:first-child').on('click',function(){
   $(this).closest('table').find('tbody, tfoot').toggle();
});
于 2013-06-27T07:27:54.363 に答える
1

あなたはテアドの最初の行で言ったので、:

 $('thead tr').on("click",function(){
   $(this).closest('table').find('tbody').hide();
   $(this).closest('table').find('tfoot').hide();
});
于 2013-06-27T07:06:00.623 に答える
1

私はあなたがする必要があると思います：

$('thead').click(function(){
   $(this).closest('table').find('tbody, tfoot').toggle();
});

チェック: http://jsfiddle.net/E6vPb/1/

于 2013-06-27T07:01:01.333 に答える
0

すべての広告を検索し、クリックしたテーブルを検出するクリック イベント ハンドラーにそれらをバインドし、このテーブルの tbody と tfoot を切り替えます (表示/非表示)。

$('thead').click(function(){
    var table = $(this).closest('table');
    table.children('tbody').toggle();
    table.children('tfoot').toggle();
});

http://jsfiddle.net/mattydsw/9Tbv6/

編集

広告の最初の行のみを「クリック可能」にする場合は、コードの最初の行のセレクターを次のように変更します。

$('thead').children('tr:first-child').click( ...

http://jsfiddle.net/mattydsw/9Tbv6/2/

于 2013-06-27T07:07:04.213 に答える