forループは同じ値を繰り返しています

Question

基本的に私は同じクラス名を持つ一連の質問（<div>）を持っています。これらのクラスをすべてループし、質問（<div>s）を内部に追加したいコンテナけど分で、それはそれを通してだけでループに思えるだけ、私は中に入れた多くの質問を何度も第一質問を表示したり、しかし。編集によって

if($('.option').hasClass('c_questions')){ 

    var y = document.getElementsByClassName('c_questions'); 
    for(var i = 0; i < y.length; i++){ 
    $('.main-body').append($('.c_questions').html()); 
    } 
} 

Answer 1

$('.c_questions').each(function(a){ 
 
    $('.main-body').append($(this).html()+" "); 
 
    })

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

 
<div class="c_questions">hi</div> 
 
<div class="c_questions">hey</div> 
 
<div class="c_questions">test</div> 
 

 
<p class="main-body"></p>

コードに。 （目を細めが示唆された。）

if($('.option').hasClass('c_questions')){ 

var y = document.getElementsByClassName('c_questions'); 
for(var i = 0; i < y.length; i++){ 
$('.main-body').append(y[i].innerHTML); 
}      ^^^^^change 
} 

Answer 2

jQueryのeachを見て、forループを使用しないでください。

以下のクラスの例と各要素を通るので、この場合とループ：

$(".test").each(function(index) { 
 
    console.log($(this).text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test">hi</div> 
 
<div class="test">hey</div> 
 
<div class="test">test</div>