Запись внутри. html с использованием JQuery и оператора if в Javascript

Question

У меня есть HTML с моим полем Toe c Ta c. С несколькими onlick

HTML (игра. html):

<table class="nes-table is-bordered is-centered" id="tttpattern">
             <tbody>
             <tr>
                 <td class="square" id="0.0" onclick="gameController.putScore('0.0')"></td>
                 <td class="square" id="0.1" onclick="gameController.putScore('0.1')"></td>
                 <td class="square" id="0.2" onclick="gameController.putScore('0.2')"></td>
             </tr>
             <tr>
                 <td class="square" id="1.0" onclick="gameController.putScore('1.0')"></td>
                 <td class="square" id="1.1" onclick="gameController.putScore('1.1')"></td>
                 <td class="square" id="1.2" onclick="gameController.putScore('1.2')"></td>
             </tr>
             <tr>
                 <td class="square" id="2.0" onclick="gameController.putScore('2.0')"></td>
                 <td class="square" id="2.1" onclick="gameController.putScore('2.1')"></td>
                 <td class="square" id="2.2" onclick="gameController.putScore('2.2')"></td>
             </tr>
             </tbody>
         </table>

Когда я нажимаю на одну из onclick ' s, мой код запускает функцию putScore внутри моего gameController.js.

Внутри этого js Я хочу проверить, совпадает ли использованный user_id внутри моего payload с идентификатором player1, полученным из моей БД.

Если это В случае, если моя программа должна написать X в квадрате, который я щелкнул. Но это не так.

У кого-нибудь есть идея, как я могу написать X внутри квадрата?

putScore (gameController. js). )

putScore: function (option) {
        gameModel.putScore(APP.route.param.gameID, {"field" : option}).then(function (data) {

                  if (APP.payload.user_id === data.player1) {
                      $("#" + data.field).text("X");
                  } else {
                      $("#" + data.field).text("O");
                  }
        }).catch(function(e) {APP.logError(e)});
    }

Я сделал какую-либо ошибку?

Я думаю, что важная часть заключается в следующем: $("#" + data.field).text("X");

Answer 1

Есть ли причина, по которой вы не используете опцию изначально, а не усложняете ее с помощью jquery?

document.getElementById(option).innerHTML = "X";

Подойдет ли здесь?