Question

我的代码：

$.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分钟后删除该行。

此外，我想以自定义格式显示scheduledTime：

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

Answer 1

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

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

1 个答案: