如何从循环中选择第一个

How to select first one from the loop

本文关键字：选择 第一个 循环      更新时间：2023-09-26

我有这4个问题正在循环:HTML是这样的

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

所以question之前的所有内容都在循环查找我的问题。现在我想选择第一个问题，添加一个类并删除这个类。

当我说:

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

你的帖子不是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');
});

相关文章：