动态添加后突出显示表行

看看如何在用jquery动态添加表格后突出显示表格行我的代码似乎是添加了没有问题的行，但它没有突出显示正确的行

jQuery的

$('#opponents tr:last').after('datamore data').effect("highlight", {}, 3000); 

HAML /表

 %table.twelve#opponents %thead %tr %th Name %th Manager %tbody - @opponents.each do |opponent| %tr %td= opponent.name %td.span1 - if can? :update, @opponent .btn-group %button.btn.dropdown-toggle{"data-toggle" => "dropdown"} %i.icon-pencil Manage %span.caret %ul.dropdown-menu %li= link_to "Edit #{opponent.name}", "#modalOpponent" -if can? :manage, @opponent %li.divider %li= link_to "Delete #{opponent.name}", opponent, :method => :delete, :remote => :true, :confirm => true 

Answer 1

我认为效果将应用于tr:last ，因为那是主选择器。

after()从原始选择器$('#opponents tr:last') after()返回jQuery对象，允许您继续链接到该主选择器。

---

演示 – 使用现有代码，突出显示错误的行

---

尝试将新行分离为自己的行，并直接将效果应用于它。 与此类似：

 var $newRow = $('datamore data'); $('#opponents tr:last').after($newRow); $newRow.effect("highlight", {}, 3000); 

---

演示 – 上述代码的工作演示

---

Answer 2

您必须在以下效果中添加css：

 $('#opponents tr:last').after('datamore data').effect("highlight", {color:'#ff0000'}, 3000);