0

こんにちは、私は自分のウェブサイトに Asp.net を使用しています。クラス属性を持つ特定の td を削除して非表示にしたいです。

ここに私のhtmlコードがあります

<table>
<tr>
<td class="1"> 1 </td>
<td class="1"> 1 </td>
<td class="2"> 2 </td>
<td class="2"> 2 </td>
</tr>
</table>

今、私のウェブサイトには btn1 と btn2 という名前の 2 つのボタンがあります

btn1がクリックされた場合、1のすべてのクラスを削除し、2のクラスのみを表示したい

と

btn2 がクリックされている場合、2 のすべてのクラスを削除し、1 のクラスのみを表示したい

4

2 に答える 2

0

次のように、jQuery.hide()と.show()関数を使用します。

<script type="text/javascript">
    $(document).ready(function() {
        $('#Button1').click(function () {
            $('.1').hide();
            $('.2').show();
        });

        $('#Button2').click(function () {
            $('.2').hide();
            $('.1').show();
        });
    });
</script>

<table>
    <tr>
        <td class="1">1</td>
        <td class="1">1</td>
        <td class="2">2</td>
        <td class="2">2</td>
    </tr>
</table>
<input type="button" id="Button1" value="Button 1" />
<input type="button" id="Button2" value="Button 2" />

ここにjsFiddleがあります。

于 2013-09-14T03:02:17.467 に答える