如何使用 JQuery 更改 HTML 表格的行颜色？答案

【问题标题】：How to change row color of HTML table using JQuery?如何使用 JQuery 更改 HTML 表格的行颜色？
【发布时间】：2018-06-11 14:34:25
【问题描述】：

我的代码：

$.each(data, function (i, item) {
    var rows = "<tr id='tblrow' align='center'>" +
               "<td id='DriveThruindicator'>" + "<img id='ImgDriveThru' src='images/car_image.JPG'>" + "</img>" + "</td>" +
               "<td id='Name'>" + item.user.firstName + " " + item.user.lastName.charAt(0) + "." + "</td>" +
               "<td id='PickupMethod'>" + PickupMethodEnum[item.pickupType] + "</td>" +
               "<td id='Total'>" + item.total + "</td>" +
               "<td id='ScheduledTime'>" + Date(item.pickupTimeUtc, "dd-MM-yyyy") + "</td>" +
               "<td style='background-color: darkorange; color: white'>" + "***" + "</td>" +
               "</tr>";
               //   $('#DriveThruindicator').append('<img src="images/car_image.JPG" >');
               $('#tblOrders').append(rows);

我想根据PickupMethodEnum[item.pickupType] 更改行颜色：如果pickuptype="DriveThru" 则将颜色更改为灰色并在2 分钟后删除该行。

我还想以自定义格式显示 scheduleTime：

如果scheduledTime 是当前日期，则显示为12:15 pm。
如果scheduledTime 是明天的日期，则显示为8/10 - 7:00am。

【问题讨论】：

改进的格式。
查看此链接stackoverflow.com/questions/35140684/…

标签： javascript jquery html

【解决方案1】：

我不太明白，你想做什么。您可以使用 jQuery 的 .css() 更改颜色，如下所示：$("selector here").css("color", "grey")。你可以使用原生 js 来延迟这样的事情：setTimeout(function(){Code}, delayInMs)。希望这会有所帮助。

【讨论】：