求教：html 隐藏和显示多行中文或英文
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求教：html 隐藏和显示多行中文或英文相关的知识，希望对你有一定的参考价值。
这样一个页面：
This is a line in English
这是一行中文
This is line 2
这是第二行
This is line 3
这是第三行
我想加几个按钮（显示中文、隐藏中文、显示英文、隐藏英文），点击可同时显示、隐藏所有中文行或英文行，应该如何做？能通过class来做吗？请提供例子源码。多谢。
就是通过class的统一控制。引用jq的hide和show方法即可。代码如下：
This is a line in English
</div>
<div class="chinese">
这是一行中文
</div>
<div class="english">
This is line 2
</div>
<div class="chinese">
这是第二行
</div>
<div class="english">
This is line 3
</div>
<div class="chinese">
这是第三行
</div>
<button data-type="1">显示中文</button>
<button data-type="2">隐藏中文</button>
<button data-type="3">显示英文</button>
<button data-type="4">隐藏英文</button>
<script>
var eleChinese = $('.chinese')
var eleEnglish = $('.english')
var btn = $('button')
btn.click(function ()
var type = parseInt($(this).attr('data-type'))
switch (type)
case 1:
eleChinese.show()
break;
case 2:
eleChinese.hide()
break;
case 3:
eleEnglish.show()
break;
case 4:
eleEnglish.hide()
break;
)
</script> 参考技术A <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script>
var dp=function(t)
var as=document.getElementsByName("a");
for(var i=0;i<as.length;i++)
var ai=as[i];
if(t==1)
ai.children[1].style.display="block";
else if(t==2)
ai.children[1].style.display="none";
else if(t==3)
ai.children[0].style.display="block";
else if(t==4)
ai.children[0].style.display="none";
</script>
</head>
<body>
<div name="a">
<div>
This is a line in English
</div>
<div>
这是一行中文
</div>
</div>
<div name="a">
<div>
This is line 2
</div>
<div>
这是第二行
</div>
</div>
<div name="a">
<div>
This is line 3
</div>
<div>
这是第三行
</div>
</div>
<input type="button" value="显示中文" onclick="dp(1)" />
<input type="button" value="隐藏中文" onclick="dp(2)" />
<input type="button" value="显示英文" onclick="dp(3)" />
<input type="button" value="隐藏英文" onclick="dp(4)" />
</body>
</html>追问
同时多谢这位同学，因为不能两个都给分，所以只能表示感谢了。再次感谢。
Excel隐藏多行，如何一次全部展开显示或取消隐藏
数据录入或者其他数据处理操作中，有时候为了显示方便，会把一些行或列隐藏起来，例如下图原始数据，目标是将第6~第20行隐藏起来。
图1 第6~第20行是需要隐藏的行隐藏方法：选中某一行，然后拖到前面某一行，将中间的部分行隐藏起来。例如将上图的第21行拖到前面第5行，形成图2：
图2 将第6~20行隐藏
那我们处理完之后，如何将这些隐藏起来的行或列展开或取消隐藏呢？Excel有两种展开方法：一次只展开一行或一列，一次性全部展开或取消隐藏。
第一种方法：一次只展开一行或一列。将鼠标移动到隐藏的交接行（第5和第21行）之间，然后在交接行之间会显示两个平行线段（颜色也会改变），意味着这里包含多个行。此时，鼠标双击一次就可以展开一次，多次双击就可以连续逐行展开。或者点击右键，点击“取消隐藏”。
图3 鼠标移至交接行（第5、21行之间）显示两条平行线段第二种方法：一次全部展开所有隐藏的行。
显然第一种方法一次操作只能显示一行，我们更希望一次全部显示或展开所有被隐藏的行。此时，只需要把鼠标在左侧行标签同时选中交接行的上下两行，然后右键点击“取消隐藏”就可以全部展开了MM图片大全。具体操作如下图4和图5：
首先是同时选中交接行的上下行，如图4：
图4 同时选中交接行的上下行
然后，点击右键——取消隐藏，如图5：
图5 一次性全部取消隐藏的操作方法此外，如果我们只是想显示被隐藏的多行中的某一行呢？
假如工作表中的第7行至第16行都被隐藏了，现在要仅仅取消隐藏其中第11行，则可以如下操作：
（1）然后按回车键；（2）单击菜单“格式”→“行”→“取消隐藏”，即可将指定的行取消隐藏。好看的MM图片
以上是关于求教：html 隐藏和显示多行中文或英文的主要内容，如果未能解决你的问题，请参考以下文章