1个按钮实现隐藏和显示表格问题

sb13btfurygz 2013-04-22 03:47:16
<tr id=818184tr class="1"> </tr>要隐藏
<tr id=818185tr> </tr>
<tr id=818186tr class="1"> </tr>要隐藏

有3个TR,1个按钮实现,隐藏TR class="1"的,和隐藏后可以在显示的功能,最好JQ实现,谢谢各位了。
...全文
150 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("#abv").click(function(){
			if(!$("table tr[class='1']").is(":hidden")){
				$("table tr[class='1']").hide();
			}else{
				$("table tr[class='1']").show();
			}
		});
	})
</script>
<input type="button" id="abv" value="隐藏/显示"/> 
<table>
<tr id=818184tr class="1"><td>1</td><td>2</td></tr>
<tr id=818185tr><td>3</td><td>3</td></tr>
<tr id=818186tr class="1"><td>1</td><td>2</td></tr>
</table>
reyesyang 2013-04-22
  • 打赏
  • 举报
回复

$('#buttonId').on('click', function(){
  $('.1').toggle();
});
沪php攻城师 2013-04-22
  • 打赏
  • 举报
回复
if($(".1").is(":hidden")) { $(".1").show(); } else { $(".1").hide(); }

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧