Question

我有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');

});

然后它选择所有问题div。

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);
        })
    }

Answer 1

你的帖子不到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>

为所有问题添加“隐藏”类，然后从第一个问题中删除：

$(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');
});

如何从循环中选择第一个

1 个答案: