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 を使用しています。ビューをレンダリングする前に、デバイスが既に機能している 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");