javascript - jQuery 追加错误地显示 float

Question

自从我开始研究这个问题以来已经一个小时了，我找到了问题

这是我在循环内的代码

$.each(data,function(key,game){
    console.log(game.teams_odds[1].game_odds_value_modified);
    var home_odds = parseFloat(game.teams_odds[0].game_odds_value_modified).toFixed(2);
    var away_odds = parseFloat(game.teams_odds[1].game_odds_value_modified).toFixed(2);
    console.log(away_odds);
    $("#oddsTable").append('<tr>' +
                                '<td>' +
                                    '<span class="red">Game ID : '+game.game_id+' </span>' +
                                        '<br>'+game.game_start_time+'<br>' +
                                '</td>' +
                                '<td>' +
                                    '<span class="teamName">'+game.teams_odds[0].team_name_eng+'</span>' +
                                    '<span class="teamName">'+game.teams_odds[1].team_name_eng+'</span>' +
                                '</td>' +
                                '<td>' +
                                    '<span style="display: block">' +
                                        '<a href="{if $isDotNet == 0}/{$kioskUrl}/single-pop/{$dataHolders.team_home_game_details}/bettype/{$betType}/baseball/{else}/pop_bet.php?gdid={$dataHolders.team_home_game_details}{/if}" class="teamOdds{if $dataHolder.blink_it == 1 && $dataHolder.blink_it_game_details_id == $dataHolder.game_details_id_home} blinkMe{/if}" style="font-size: 15px; font-weight: bold;">' +
                                            +home_odds+
                                        '</a>' +
                                    '</span>' +
                                    '<span style="display: block">' +
                                        '<a href="{if $isDotNet == 0}/{$kioskUrl}/single-pop/{$dataHolders.team_away_game_details}/bettype/{$betType}/baseball/{else}/pop_bet.php?gdid={$dataHolders.team_away_game_details}{/if}" class="teamOdds{if $dataHolder.blink_it == 1 && $dataHolder.blink_it_game_details_id == $dataHolder.game_details_id_away} blinkMe{/if}" style="font-size: 15px; font-weight: bold;">' +
                                            +away_odds+
                                        '</a>' +
                                    '</span>' +
                                    '<br>'+game.game_start_time+'<br>' +
                                '</td>' +
                           '</tr>'
                           );
});

当我尝试使用 console.log() 和 alert() 来显示值就好了，但是当我看到使用 渲染的 html 时附加它的数字缺少数字零零

说1.60 变为1.6

console.log(away_odds)//1.60
警报(away_odds)//1.60

我想要的是它显示 1.60 但它一直显示 1.6

Answer 1

您已经连接了上一行:

'<a href="{if $isDotNet == 0} ... style="font-size: 15px; font-weight: bold;">' +
    +away_odds+ //                                                    extra + --^
'</a>' +

第二行的前导+实际上是Unary Plus operator ，它再次将 away_odds 转换为数字。由于同样的原因，home_odds 也会转换为数字。