javascript - 如何将不同的类添加到 div 中的不同元素？

Question

我有一个这样的div

<div id="test1">
<a id="hello1"> One</a>
<a id="hello2"> Two</a>
<a id="hello3"> Three</a>
</div>

我正在使用模板和主干.js。在渲染我的视图之前，我想检查设备是我已经拥有功能的 iphone 还是 ipad。如果它是 ipad，我想为每个 ANCHOR 标签添加单独的类。即 Class1 到 hello1 ， Cl​​ass2 到 hello2 等。我只有 3 个元素。我对此很陌生，所以有人可以告诉我如何使用 Jquery/Javascript 来做到这一点。

如果有任何机会我应该提供其他信息，请告诉我。我有一个 View.js 和一个 Routing.js 以及这个。我尝试使用。

$("#hello1").addClass("Class1");

然而这并没有奏效。任何帮助，将不胜感激。谢谢

编辑 - 这是视图文件

define([ "jquery", "backbone", "baseview", "template" ], function ($, Backbone, BaseView) {

"use strict";

var gohomeView = BaseView.extend({

    initialize: function () {
        this.constructor.__super__.initialize();

        this.events = _.extend({}, this.globalEvents, this.events);
        this.delegateEvents();
    },

    render: function () {

        var context = {
                pageName: 'Go Home'
            },
            partials = {
                header: this.globalPartials.header,
                tabbar: this.globalPartials.tabbar
            };



        $(this.el).html(templates["go-home"].render(context, partials));
        return this;
    }

});

return GoHomeView;

});

Answer 1

缺少结尾引号。

$("#hello1").addClass("Class1");