Блог

У меня есть 4 вопроса, которые повторяются: HTML выглядит так.

     <div class="question>

    <div>
     </div>
    <div class="question" id="question">
    <h1></h1>
    // conent inside
    </div>
   </div>

  </div>
  

Итак, все, что предшествует вопросу, зацикливается на любых вопросах, которые у меня есть.
Теперь я хочу выбрать первый вопрос, добавить класс и удалить класс.

Когда я говорю:

 $(function() {
   $('.question').children().eq(0).addClass('hide');

});
  

Он выбирает один ниже. когда я делаю:

 $(function() {
   $('.questions').children().eq(0).addClass('hide');

});
  

Затем он выбирает все разделы вопросов.

 JS:



        if(data.questions) {
            quiz.set("questions", data.questions);
        }
        queueRender();
    }

    out.prototype.addQuestions = function(questions) {
        var _this = this;
        $.each(questions, function(i, v){
            _this.addQuestion(v);
        })
    }
  

Ваш пост менее чем на 100% понятен, поэтому просто угадайте его:

Учитывая эту разметку:

 <div id="quiz">
  <div class="question">
    <h1>one</h1> content 1
  </div>
  <div class="question">
    <h1>two</h1> content 2
  </div>
  <div class="question">
    <h1>three</h1> content 3
  </div>
</div>
  

Добавьте класс ‘hide’ ко всем вопросам, затем удалите из первого:

 $(function() {
 $('#quiz').find('.question').addClass('hide').eq(0).removeClass('hide');
});
  

Подробная версия:

 $(function() {
  $('#quiz').find('.question').addClass('hide');
  $('#quiz').find('.question').eq(0).removeClass('hide');
});
  

альтернативный подробный

 $(function() {
  $('#quiz').find('.question').addClass('hide');
  $('#quiz').find('.question').first().removeClass('hide');
});