Question

我发现此代码有一段时间了，不幸的是我无法找到原作者是谁（无论是谁，谢谢你）......

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

这很棒但是我怎么能这样做呢？还有另一个按钮显示3个div少（但总是至少显示3个div）。如何让它显示所有div？

谢谢大家

Answer 1

快速说明一下，如果您正在使用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>

一次显示隐藏5个div

1 个答案: