для цикла итерации по тому же значению

Question

Итак, у меня есть набор вопросов (<div>), все с тем же именем класса, и я хочу просто пропустить все эти классы и добавить вопросы (<div>) внутри контейнер, но на минуту он, кажется, только цикл через него, но только для отображения 1-й вопрос снова и снова, или однако многие вопросы, которые я поставил в.

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

Не используйте for петлю, посмотрите на JQuery-х each.

Таким образом, это будет цикл по каждому элементу с примером класса ниже:

$(".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>