看看如何在使用 jquery 动态添加表行后突出显示它
我的代码似乎添加行没有问题,但它没有突出显示正确的行
jquery
$('#opponents tr:last').after('<tr><td>data</td><td>more data</td></tr>').effect("highlight", {}, 3000);
哈姆尔/桌子
%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
我假设该效果将应用于任何tr:last
因为那是主要选择器。
after()
从原始选择器返回 jQuery 对象$('#opponents tr:last')
允许您继续链接到该主选择器。
DEMO- 使用现有代码,突出显示错误的行
尝试将新行分成自己的行,然后直接对其应用效果。与此类似:
var $newRow = $('<tr><td>data</td><td>more data</td></tr>');
$('#opponents tr:last').after($newRow);
$newRow.effect("highlight", {}, 3000);
DEMO- 上述代码的工作演示
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)