几天前我问了一个问题,下面的链接是JSFiddle中的解决方案:
http://jsfiddle.net/vineetgnair/pnhxxcsw/11/
后来,我得到了另一个答案,它只用2行代码而不是8-9代码完成了上一个解决方案的工作。由于我刚接触编码,我无法弄清楚新JSFiddle的工作原理。如果有人能向我解释,我会很感激。
以下是第二个解决方案中的代码和JSFiddle链接:
var div = $('div').not(':first').hide().end();
$('button').on('click', function() { div.hide().eq($(this).index()).show() })
http://jsfiddle.net/adeneo/pnhxxcsw/13/
提前致谢
答案 0 :(得分:3)
第一行是非常直接的阅读,我们得到所有的div,过滤它们以获得不是它的父母的第一个孩子的所有东西,并隐藏它们,换句话说,隐藏除了第一个孩子之外的所有东西
第二行,我们在按钮上添加了一个click事件监听器,当我们点击时,我们只显示一个索引匹配点击按钮的元素
还有一件事,就像所说的评论一样,检查jquery文档,这是在这些情况下的地方