是否可以从'for'创建'变量'？

问题描述：

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/

有人能帮忙吗？或者建议我该怎么做？谢谢

当然，你有关于任何问题？看你https://jsfiddle.net/MamdouhFreelancer/7m8mt5rb/5/ –

有没有''

...

– Ultimater

@MamdouhFreelancer：是的，因为我之前说的，我怎么叫“对”，到我已经创建 –

答

你的主要问题是你试图引用#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>

Downvoter谨慎解释？ – JonSG

是否可以从'for'创建'变量'？

相关推荐