时间戳

首页 > 解决方案 > 我在 Javascript 中的两个数字之间选择这个数组时遇到了麻烦

javascript - 我在 Javascript 中的两个数字之间选择这个数组时遇到了麻烦

问题描述

嗯，我正在做一个项目，我在两个数字之间进行选择时遇到了麻烦

说清楚这是我的代码：

var forthumbnail = ["tum1", "tum2", "tum3", "tum4", "tum5", "tum6", "tum7", "tum8", "tum9", "tum10", "tum11", "tum12"];

$(".pwpep-groups").each(function() {

  for (var i in forthumbnail) {
    if (i == 0 || i == 5 || i == 8 || i == 10) {
      if (i == 0) {
        var groupname = "group1";
      }
      if (i == 5) {
        var groupname = "group2";
      }
      if (i == 8) {
        var groupname = "group3";
      }
      if (i == 10) {
        var groupname = "group4";
      }

      $(".pwpep-groups").prepend('<div class="pwpep-group"><div class="pwpep-group-title">' + groupname + '</div></div>');

    }
    var imgadrs = forthumbnail[i];
    var icons = $('.pwpep-group');
    icons.append('<i class="imgset" style="background-image: url(' + imgadrs + ');">' + '(c' + i + ')' + '</i>');

  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="pwpc pwpcep">
  <div class="pwpep">
    <div class="pwpc-body-container">
      <div class="pwpc-body">
        <div class="pwpep-groups">
          <div class="pwpep-group">

          </div>
        </div>
      </div>
    </div>
  </div>
</div>

我想要 ：

缩略图数组：

介于：0 和 4 之间的数字属于第 1 组，例如

第一组：

(c0)(c1)(c2)(c3)(c4)

第 2 组：5 到 8 之间的数字称为第 2 组

并且...正如您在 js 代码中看到的那样：）

但问题是当我查看结果时，我在 if(i==2) 中定义的数字中的所有数字都会打印在所有组中:(

像这样：

问题

组1：（c1）（c2）（c3）....（c12）

组2：（c1）（c2）（c3）....（c12）

第 3 组：(c1)(c2)(c3)....(c12)

在这种情况下，如何在 a 和 b 之间设置数字以将其放入特定组中，如您所见，代码！

请帮忙！！！:(

标签： javascripthtmljqueryarrays

解决方案

var icons = $('.pwpep-group');

设置icons为您迄今为止创建的所有pwpep-groupDIV，而不仅仅是您最后创建的DIV。你可以使用`

var icons = $('.pwpep-group').first();

获取最后一个创建的，因为你把它放在列表的前面。 

var forthumbnail = ["tum1", "tum2", "tum3", "tum4", "tum5", "tum6", "tum7", "tum8", "tum9", "tum10", "tum11", "tum12"];

$(".pwpep-groups").each(function() {

  for (var i in forthumbnail) {
    if (i == 0 || i == 5 || i == 8 || i == 10) {
      if (i == 0) {
        var groupname = "group1";
      }
      if (i == 5) {
        var groupname = "group2";
      }
      if (i == 8) {
        var groupname = "group3";
      }
      if (i == 10) {
        var groupname = "group4";
      }

      $(".pwpep-groups").prepend('<div class="pwpep-group"><div class="pwpep-group-title">' + groupname + '</div></div>');

    }
    var imgadrs = forthumbnail[i];
    var icons = $('.pwpep-group').first();
    icons.append('<i class="imgset" style="background-image: url(' + imgadrs + ');">' + '(c' + i + ')' + '</i>');

  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="pwpc pwpcep">
  <div class="pwpep">
    <div class="pwpc-body-container">
      <div class="pwpc-body">
        <div class="pwpep-groups">
          <div class="pwpep-group">

          </div>
        </div>
      </div>
    </div>
  </div>
</div>

推荐阅读