Question

我有一个HTML表格，我想在其中突出显示特定的行。以下是代码段：

<c:forEach items="${vmnUploadList}" var="vmn"> 
      <tr>
        <td><a  style="color:#0063b1; font-weight:bold; text-decoration:none" href="showVmnLeadDetails?vmnid=${vmn.id}">${vmn.id}</a></td>
        <td>${vmn.customerNo}</td>
        <td>${vmn.circle}</td>
        <td>${vmn.callDate}</td>
        <td>${vmn.callStartTime}</td>
        <td>${vmn.callEndTime}</td>
        <td>${vmn.duration}</td>
        <td>${vmn.callStatus}</td>
        <td>${vmn.uploadDate}</td>
        <td>${vmn.recievingNum}</td>
        <td>${leadStatusMap[vmn.leadStatus]}</td>
      </tr>
        </c:forEach>

现在我还获得了一个属性${vmn.highlight} which returns either true or false。如果该值为true，我想将bgcolor =“red”应用于table row，否则不应用任何颜色。有人可以建议我如何实现这一点。谢谢。

Answer 1

 var data = $("table tr").map(function (index, elem) {

    $(td, this).each(function () {
        var tdvalue = $(this).val()||$(this).text();
        var tdvaluemain=$.trim(tdvalue);     //to remove spaces from td value 
        if(tdvaluemain=="true"){
            $(this).css("color","black"); //change font color if you want 
            $(this).closest('tr').css("background-color","red");
        }




        });
     });

根据服务器的值应用HTML颜色属性

1 个答案: