Question

我似乎在向span标记添加类时遇到问题。

这是在调用$("select").selecter();时动态生成的，因为我正在使用selecter jquery。

<div class="selecter">
    <span class="selecter-selected">...</span>
    <div class="selecter-options">
        <span class="selecter-item"></span>
        <span class="selecter-item"></span>
    </div>
</div>

Backbone.js的

var Test = Backbone.View.extend({
    el: $(".container"),
    initialize: function(){
        $("select").selecter();
        this.$el.find("div.selecter-item").first().addClass("selected"); // This works
        this.$el.find("div.selecter-item").first().addClass("first"); // this works
        this.$el.find("div.selecter-item").last().addClass("last"); //Does not work
    }
});

var test = new Test();

输出：

<div class="selecter">
    <span class="selecter-selected">...</span>
    <div class="selecter-options">
        <span class="selecter-item selected first"></span>
        <span class="selecter-item"></span>
    </div>
</div>

正如您所看到的，第二个selecter-item类中没有添加任何内容。我甚至尝试了以下方法：

this.$el.find("div.selecter-item:last").addClass("last");
this.$el.find("div.selecter-item:last-child").addClass("last");
this.$el.find("div.selecter-item:nth-child(2)").addClass("last");
this.$el.find(".selecter-item:last").addClass("last");
this.$el.find(".selecter-item").last().addClass("last");

但仍然无效。如何将最后一个类添加到最后一个selecter-item类？

将类添加到同一个类的最后一个元素

0 个答案: