Question

我想使用Jquery突出显示普通html表中特定列中的特定数据字段。您可以为此场景提供一段代码。我所取得的是突出Solr的记录，但不知道如何将其应用于行中的精确列。

<ul>
     <li >
     <table  width="80%" id="dataTable" align="center" name="table1">
         <tr>
             <td><strong>Title</strong></td>
             <td><strong>Link</strong></td>
             <td><strong>Score</strong></td>
         </tr>
         <tr ng-repeat="x in names |filter:test|orderBy:sortExpression:order ">

             <td id="title"><a  ng-href="{{ x.data.url}}">{{x.data.title}}</a></td>
             <td ><a ng-href="{{ x.data.url}}">Link</a></td>
             <td>{{x.data.score}}</td>
         </tr>
     </table>
</li>

Answer 1

您可以查看以下链接。

Fiddle

$("#coa_history_data tbody tr.data-in-table").each(function() {
  var $firstCell = $('td:eq(2)', this);
  var $secondCell = $('td:eq(3)', this);
  var $thirdCell = $('td:eq(4)', this);
  var $fourthCell = $('td:eq(5)', this);
if($firstCell.text() != $secondCell.text()){
   $firstCell.css('backgroundColor','yellow');
    $secondCell.css('backgroundColor','yellow');  
}
if($thirdCell.text() != $fourthCell.text()){
   $thirdCell.css('backgroundColor','orange');
    $fourthCell.css('backgroundColor','orange');  
}

}）;

使用Jquery突出显示表中的特定数据列

1 个答案: