Javascript 更改动态生成的表行背景色

我需要能够动态更改表格行bg颜色，如下所示：

绿色，如果根据金额<根据余额

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax
        ({
            type: "GET",
            url: "/Account/Get/@ViewBag.AccountId",
            dataType: 'json',
            success: function(data) {
                $.each(data, function (i, acc)
                {
                    $('<tr>').append(
                        $('<td>').text(acc.Amount),
                        $('<td>').text(acc.Balance))
                        .appendTo('#myTable');
                });
            },
            error: function() {
                alert('Failed');
            }
        });
    });
</script>

红色，如果根据金额>根据余额

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax
        ({
            type: "GET",
            url: "/Account/Get/@ViewBag.AccountId",
            dataType: 'json',
            success: function(data) {
                $.each(data, function (i, acc)
                {
                    $('<tr>').append(
                        $('<td>').text(acc.Amount),
                        $('<td>').text(acc.Balance))
                        .appendTo('#myTable');
                });
            },
            error: function() {
                alert('Failed');
            }
        });
    });
</script>

如果账户金额=账户余额，则无变化

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax
        ({
            type: "GET",
            url: "/Account/Get/@ViewBag.AccountId",
            dataType: 'json',
            success: function(data) {
                $.each(data, function (i, acc)
                {
                    $('<tr>').append(
                        $('<td>').text(acc.Amount),
                        $('<td>').text(acc.Balance))
                        .appendTo('#myTable');
                });
            },
            error: function() {
                alert('Failed');
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$.ajax
({
键入：“获取”，
url:“/Account/Get/@ViewBag.AccountId”，
数据类型：“json”，
成功：功能（数据）{
$。每个（数据、功能（i、acc）
{
$（''）。追加(
$（''）文本（根据金额），
$（''）.文本（根据余额））
.appendTo（“#myTable”）；
});
},
错误：函数（）{
警报（“失败”）；
}
});
});

---

如何注入表格行bg颜色？

我已更新了脚本，以包含确定金额/余额相等的逻辑，然后对表格行应用内联样式或类（推荐）

类方法将要求您更新CSS

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax
        ({
            type: "GET",
            url: "/Account/Get/@ViewBag.AccountId",
            dataType: 'json',
            success: function(data) {
                $.each(data, function (i, acc)
                {
                    var amount = parseInt(acc.Amount, 10),   // parse in case string
                        balance = parseInt(acc.Balance, 10), // parse in case string
                        color = amount < balance ? 'green' : 
                                amount > balance ? 'red' :
                                '';

                    $('<tr>').append(
                        $('<td>').text(acc.Amount),
                        $('<td>').text(acc.Balance))

                        // I'm applying both an inline style and a class name
                        .css('background-color', color) // inline-style
                        .addClass(color) // adding class red/green

                        // continue code...
                        .appendTo('#myTable');
                });
            },
            error: function() {
                alert('Failed');
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$.ajax
({
键入：“获取”，
url:“/Account/Get/@ViewBag.AccountId”，
数据类型：“json”，
成功：功能（数据）{
$。每个（数据、功能（i、acc）
{
var amount=parseInt（acc.amount，10），//解析大小写字符串
balance=parseInt（acc.balance，10），//解析大小写字符串
颜色=金额<余额？“绿色”：
金额>余额？“红色”：
'';
$（''）。追加(
$（''）文本（根据金额），
$（''）.文本（根据余额））
//我正在应用内联样式和类名
.css（'background-color'，color）//内联样式
.addClass（颜色）//添加类红色/绿色
//继续代码。。。
.appendTo（“#myTable”）；
});
},
错误：函数（）{
警报（“失败”）；
}
});
});

使用css。。。并更改

td

背景色。@Mottie您能建议一种实现此目的的方法吗？请先自己尝试一下。然后展示你所拥有的以及你被困的地方。这不是一个许愿工厂。@ejay_francisco我被困在这里了。以上是我所能接受的。我不知道如何注入背景色。非常感谢！回答得好！