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>

现在我的网站上有 2 个按钮，名为 btn1 和 btn2

如果单击 btn1，我想删除 1 的所有类并仅显示 2 的类

和

如果单击 btn2，我想删除 2 的所有类并仅显示 1 的类

4

2 回答 2

0

演示

包含脚本

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>

HTML

<input type="button" id="btn1" value="bnt1"/>
<input type="button" id="btn2" value="bnt2"/>

js

$('#btn1').click(function() {
    $('td.1').show();
    $('td.2').hide();
});
$('#btn2').click(function() {
    $('td.2').show();
    $('td.1').hide();
});

参考

id 选择器

类选择器

。点击（）

。节目（）

。隐藏（）

于 2013-09-14T02:45:36.810 回答
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 回答