是否可以从“for”创建“变量”？答案

【问题标题】：Is possible create 'variable' from 'for'?是否可以从“for”创建“变量”？
【发布时间】：2017-03-17 19:14:48
【问题描述】：

这是我的循环代码

for(var i=0; i <=10; i++) {
        $wrapper.append('<input type="button" style="display:inline-block; margin:10px; border:1px solid #ccc; background-color:#fff; width:30px; height:30px; line-height:26px; cursor:pointer;" class="select" value="'+ i +'"/>');
    }

这是我的 JS 代码

var a = "<div class='questionerWrapper'>"+I want to add here+"</div>"

检查这里：没有循环（我使用硬编码）：https://jsfiddle.net/dedi_wibisono17/7m8mt5rb/

有循环，但我不知道如何包含它：https://jsfiddle.net/7m8mt5rb/4/

有人可以帮忙吗？或建议我该怎么做？谢谢

【问题讨论】：

当然，您对此有什么问题吗？看你的jsfiddle.net/MamdouhFreelancer/7m8mt5rb/5
没有<div id="selected">...</div>
@MamdouhFreelancer ：是的，正如我之前所说，我如何将“for”调用到我创建的变量中
检查这个更新的脚本jsfiddle.net/7m8mt5rb/7
你的意思是“我如何将变量调用到for循环中”

标签： javascript jquery for-loop foreach each

【解决方案1】：

您的主要问题是您试图在 #selected 存在之前引用它。我已经为你整理了一些东西。

希望这会有所帮助。

var kuisoner = [
  "<div class='questionerWrapper'>",
    "<div id='text'>",
      "Apakah anda puas dengan pelayanan kami? ",
      "Dari 0-10, seberapa mungkin anda akan merekomendasikan ",
      "layanan kami kepada orang yang anda kenal?",
    "</div>",
    "<div id='selected' class='selectWrapper'>",
      "<span>Tidak Rekomendasi</span>",
      "<span>Rekomendasi</span>",
    "</div>",
    "<div class='thanks'>thanks</div>",
  "</div>"
].join("");

$('#haha').append(kuisoner);

// ========================
// At this point #selected exists
// ========================

var $wrapper = $('#selected');
for (var i = 0; i <= 10; i++) {
  $wrapper.append('<input type="button" class="select" value="' + i + '"/>');
}

// ========================
// use classes rather than a list of ids...
// ========================

$("#selected .select").click(function(e) {
  var html = [
    "<div>",
      "Anda memilih ",
      "<strong>" + e.target.value + "</strong> ",
      "Terima kasih atas partisipasi Anda!",
    "</div>"
  ].join("")
  
  $("#selected, #text").fadeOut("slow");
  $(".thanks").html(html).fadeIn();
});

.questionerWrapper {
  width: 980px;
  background-color: #D9E9FF;
  text-align: center;
  padding: 8px 0;
  margin: 0 auto;
}

#text {
  width: 640px;
  font-weight: bold;
  margin: 0 auto;
}

.questionerWrapper .selectWrapper {
  display:block; margin-top:5px;
}

.questionerWrapper .thanks {
  display:none; padding:10px;
}

#selected .select {
  display: inline-block;
  margin: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 26px;
  cursor: pointer;
}

<div id="haha"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

【讨论】：