Question

我有一个功能可以将游戏结果添加到计划中。我希望将获胜团队的得分设为黄色 - 将".winner"课程添加到（<%=score1%>或<%=score2%>）。我想知道使用jQuery指定所需元素的正确方法是什么。我目前的代码不起作用。无论团队是否获胜，所有元素都会获得".winner"级。

addGame: function(gameInfo) {
    var sHtml = window.JST["schedule/gamelist/inner_row"](gameInfo);
    var tableRow = $("<tr>").append(sHtml);
    tableRow.data("id", gameInfo.id);
    return tableRow;
}

addNewTable: function(date, gameInfos, number) {
           ...
           ...
    for (var ind = 0; ind < gameInfos.length; ++ind) {
        gameInfo = gameInfos[ind].attributes;
        var element = this.addGame(gameInfo);
        $("#schedule_mytable_tbody" + number).append(element);

    if (gameInfo.score1 > gameInfo.score2)
        $("li:nth-child(5)").find("p:first-child").addClass("winner");
    else
        $("li:nth-child(5)").find("p:last-child").addClass("winner");
    }

我的模板看起来像这样。

window.JST["schedule/gamelist/inner_row"] = _.template(
    '<td width="668px">\
        <ul>\
            <li class="schedule_..."></li>\
            <li class="schedule_..."></li>\
            <li class="schedule_...."></li>\
            <li class="schedule_..."></li>\
            <li class="schedule_boxscore">\
                <p><%=score1%></p>\
                <p><%=score2%></p>\
            </li>\
                            ...

呈现HTML部分：

<li style="font-size:16px" class="schedule_boxscore">
   <p class="winner">2</p>
   <p class="winner">10</p>             
</li>

所以，因为＆＃34; for＆＃34;循环，所有段落都得到".winner"类，而不只是<p class="winner">10</p> ...

jQuery：如何在这种情况下指定元素？

0 个答案: