Question

所以基本上我有一组问题（<div> s），都有相同的类名，我想简单地遍历所有这些类并将问题（<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

不要使用for循环，请查看jQuery＆＃39; each。

所以这将使用下面的类示例遍历每个元素：

＆＃13;

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

＆＃13;

<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>

＆＃13;

for循环遍历相同的值

2 个答案: