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

Question

我有一个像这样的 div

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

我正在使用模板和backbone.js。在渲染我的 View 之前，我想检查该设备是否是我已经具有功能的 iPhone 或 iPad。如果是 ipad，我想为每个 ANCHOR 标签添加单独的类。即 Class1 到 hello1 ，Class2 到 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");