使用Prev＆amp;显示/隐藏div使用jQuery的下一个按钮 - FF＆amp; IE浏览器？

Question

我正在构建一个Rails 3应用程序并使用Bootstrap 3.我有一个功能，使用＆＃34; Prev＆＃34;和＆＃34;下一步＆＃34;纽扣。我在下面使用的代码来自上一个问题：show hide divs using Next Previous button using jQuery?

这在Chrome中完美运行。但是，它在FireFox或InternetExplorer中不起作用。有谁知道如何解决这一问题？感谢。

HTML：

<div class="divs">
  <div class="cls1">1</div>
  <div class="cls2">2</div>
  <div class="cls3">3</div>
  <div class="cls4">4</div>
  <div class="cls5">5</div>
  <div class="cls6">6</div>
  <div class="cls7">7</div>
</div>
<a id="next">next</a>
<a id="prev">prev</a>

jQuery：

$(document).ready(function(){
    $(".divs div").each(function(e) {
        if (e != 0)
            $(this).hide();
    });

    $("#next").click(function(){
        if ($(".divs div:visible").next().length != 0)
            $(".divs div:visible").next().show().prev().hide();
        else {
            $(".divs div:visible").hide();
            $(".divs div:first").show();
        }
        return false;
    });

    $("#prev").click(function(){
        if ($(".divs div:visible").prev().length != 0)
            $(".divs div:visible").prev().show().next().hide();
        else {
            $(".divs div:visible").hide();
            $(".divs div:last").show();
        }
        return false;
    });
});

我从控制台拉出的FireBug警告是：

Empty string passed to getElementById().