2

JQueryを使用して列を非表示にする方法の記事を読みました。これで、次のコードを使用できるようになりました。

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%= btnHideColumn.ClientID %>').click(function () {
            $('td:nth-child(1)').hide();
        });
    });
</script>

これは機能しますが、最終的にはこのAJAXアコーディオンペインの下に2つのテーブルができます。特定のテーブルをターゲットにして、必要に応じて列を非表示にするにはどうすればよいですか？

私のテーブルはコードビハインドで生成されます。したがって、どのプロパティを事前に入力する必要があるかわからない。

4

2 に答える 2

3

また、セルセレクターでテーブルを指定する必要があります。例：

$('table:eq(0) td:nth-child(1)').hide(); // table:eq(0) selects first table

また

$('table#list td:nth-child(1)').hide(); // table#list selects table with id="list"
于 2012-10-17T13:29:12.377 に答える
1

ここには 2 つのシナリオがあります。

  1. 2 つのテーブルでまったく同じ動作が必要な場合は、両方に同じクラスを指定してからthis、クリック関数内で次の単語を使用します。

    <table class="data">....

<script type="text/javascript">
$(document).ready(function () {
    $('.data').click(function () {
        $(this).find('td:nth-child(1)').hide();
    });
});

  2. 異なる動作が必要な場合は、それぞれに異なる ID を与え、それぞれに異なるクリック イベントをバインドします。

于 2012-10-17T13:31:06.367 に答える