文章/答案/技术大牛

发布

社区首页 >问答首页 >一次显示隐藏5个div

问一次显示隐藏5个div
EN

Stack Overflow用户

提问于 2012-10-26 03:33:59

回答 1查看 100关注 0票数 1

我在一段时间前找到了这段代码，不幸的是，我找不到原始作者是谁(无论是谁，谢谢)……

http://jsbin.com/amituh/11/

这很棒，但是我怎么做才能让它有另一个按钮来显示更少的3个div(但总是至少显示3个div)。如何让它显示所有的div？

谢谢大家

toggle

jquery

html

回答 1

Stack Overflow用户

发布于 2012-10-26 03:45:34

简单的说，如果你使用的是Chrome ( Firefox也会做这件事，我只是不太熟悉)，你可以右击并检查元素，查看页面的源代码，资源标签也可以让你访问任何外部脚本。这对于学习新技术真的很方便！

不管怎样，关于你的问题，

要删除三行，有几种方法。以下是我将采取的路线，但请记住，还有其他方法，甚至更好的方法。

您给出的示例脚本从已经创建的所有行开始，只是隐藏了而已。您可以在jQuery中使用append/remove来获得相同的效果，而不受限制。

下面是我为它编写的函数，它们可以包含在头部的脚本标记中：

window.linecount = 0;
function add3lines()
{
     $('body').append("<div id='line"+window.linecount+"'>A Line Of Text</div><br />");
     window.linecount = window.linecount+1;
     $('body').append("<div id='line"+window.linecount+"'>A Line Of Text</div><br />");
     window.linecount = window.linecount+1;
     $('body').append("<div id='line"+window.linecount+"'>A Line Of Text</div><br />");
     window.linecount = window.linecount+1;
}

function remove3lines()
{
     $(body).remove('#line'+window.linecount);
     window.linecount = window.linecount-1;
     $(body).remove('#line'+window.linecount);
     window.linecount = window.linecount-1;
     $(body).remove('#line'+window.linecount);
     window.linecount = window.linecount-1;
}

然后，您可以通过单击按钮或链接来调用所需的函数，如下所示：

<button onclick='add3lines()'>Add 3 Lines</button>
<button onclick='remove3lines()'>Remove 3 Lines</button>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13075893

复制

相似问题

问一次显示隐藏5个div
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一次显示隐藏5个divEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一次显示隐藏5个div
EN