Javascript jQuery基于单元格值突出显示背景

有新旧价格价值的记录， 如果新价格与旧价格不同，则突出显示记录

我想使用setTimeout函数，高亮效果会在10秒后消失。如何根据值高亮显示表格行

我使用jQueryUI框架

$(function(){
   setTimeout(change(), 3000);   
});

function change(){
  $(".table-striped").find("tr").each(function () {
    $("td").filter(function() {
      return $(this).text().indexOf("200") != -1;
    }).parent().toggleClass("highlight",5000).removeClass("highlight");
  });
}

---

我已经用jquery解决了您的问题，请检查我的答案

$document.readyfunction{ $'tbody tr'。每个函数i，val{ var nprice=$this.children'.new_price'.html； var oprice=$this.children'.old_price'.html； ifnprice！=oprice{ $this.addClass'divtoBlink'； //$this.children'td'.css'background-color'，'red'； } }; 设置间隔函数{ $.divtoBlink.cssbackground-color，函数{ this.switch=！this.switch 返回此开关。开关？红色： }; }, 100; 设置间隔函数{ $'tr'.removeClass'divtoBlink'.css'background-color'，'white'； }, 5000 }; .divtoBlink{ 宽度：100px； 高度：20px； 背景色：627BAE； } 身份证件 会话Eamil 登录Url 日期 地位 新价格 旧价 @柜台 @项目1.SessionEmail11 @第11项 @第11项 失败的 200 1000 @柜台12 @项目1.SessionEmail12 @第12项 @第12项 失败12 1000 1000

---

这就是你要找的吗？我使用jqueryui的highlight使其高亮显示，超时时间为10秒，如您所愿

代码如下：

$function{ var elementToHighlight=； $.table条带tbody tr.eachfunctioni，el{ 如果$el.children'：first'.html！=$el.children'：last'.html{ 如果i=$.table条带化tbody tr.length-1{ elementToHighlight+='.table striped tbody>：eq'+$el.children'：first'.parent.index+； }否则{ elementToHighlight+='.table striped tbody>：eq'+$el.children'：first'.parent.index+'，'； } } }; 如果elementToHighlight.substr-2=='，'{ elementToHighlight=elementToHighlight.substr0，elementToHighlight.length-2 } var blink=setIntervalfunction{ $elementToHighlight.effect'highlight'，{color:'red'}，1000； }, 1000; setTimeoutfunction{ clearIntervalblink； }, 10000; }; 新价格 旧价 200 1000 1000 1000 400 1000 500 500 700 700 200 900

---

为了褪色out@AkshayMulgavkar很好，但是我想要背景色闪烁和高亮显示的效果：p您用于打印表值的技术是什么？我使用jQuery UI Framework我已经用jQuery解决了您的问题，请检查我的答案。我想要背景色闪烁和设置超时功能的效果。我不知道但是您发布了不同的问题表。这将解决您的问题检查我上面修改的代码。谢谢您的回答，还有一件事，效果会在n秒后消失吗？像jQuery UI效果？可能是5秒或10秒。这是一个变量。我刚刚编辑了我的上一个代码，以防价格匹配，这就是您正在寻找的解决方案！Ronak的反应很快，他指出你在价格问题上不匹配。为了更好的StackOverflow社区，我最终选择了you tcj解决方案

<table class="table table-striped">
   <thead>
     <tr>
       <th>New Price</th>
       <th>Old Price</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td>200</td>
       <td>1000</td>
     </tr>
     <tr>
       <td>1000</td>
       <td>1000</td>
     </tr>
   </tbody>
</table>

.highlight {
       background: red !important;
       color: green !important;
   }