美好的一天，我正在为我的网站使用 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 的类
包含脚本
<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();
});
参考
使用 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。