Question

您好我刚接触jquery和iam尝试几天了，我可以让它适用于所有div，以便在浏览器更新时大幅改变，而不仅仅是4个div。我希望在我的网站上宣传餐馆，我希望每次有人访问时都按照不同的顺序展示餐馆我肯定是sipmle但是如果你不知道它似乎很难！任何帮助都会很棒，谢谢你的进步。

以下代码为“shows-random-divs-using-jquery” 我在这个链接中找到了 Showing random divs using Jquery

$(document).ready(function() {
$(".Image").hide();
var elements = $(".Image");
var elementCount = elements.size();
var elementsToShow = 4;
var alreadyChoosen = ",";
var i = 0;
while (i < elementsToShow) {
    var rand = Math.floor(Math.random() * elementCount);
    if (alreadyChoosen.indexOf("," + rand + ",") < 0) {
        alreadyChoosen += rand + ",";
        elements.eq(rand).show();
        ++i;
    }
}

}）;

Answer 1

这是你想要做的吗？显然HTML只是与代码相关的部分，你需要包含jQuery等。

的Javascript

$(document).ready(function() {
  $(".Image").hide();
  var elements = $(".Image");
  var elementCount = elements.size();
  var elementsToShow = 4;
  var alreadyChoosen = ",";
  var i = 0;
  while (i < elementsToShow) {
      var rand = Math.floor(Math.random() * elementCount);
      if (alreadyChoosen.indexOf("," + rand + ",") < 0) {
          alreadyChoosen += rand + ",";
          elements.eq(rand).show().appendTo($("#container"));
          ++i;
      }
  }

HTML

<div id="container"></div>
<div class="Image">1</div>
<div class="Image">2</div>
<div class="Image">3</div>
<div class="Image">4</div>

我需要随机显示所有div

1 个答案: