Javascript JqueryUI显示突出显示错误的单元格

我使用Jquery将一行添加到表的末尾，效果很好。我想使用JqueryUI highlight方法在添加行时高亮显示该行。它可以工作，但不是突出显示新行，而是突出显示其上方的行。我猜这是因为我正在使用.after函数添加新行。如何使其突出显示正确的行？我的代码如下所示

$('#playlistTable tr:last').after('<tr><td>text to add to table</td></tr>').show('highlight',500);

$（'#playlistable tr:last'）。在（'text to add to table'）之后。show（'highlight'，500）；

这是一种方法：

 $('#playlistTable tr:last').after("<tr><td>'text to add to table'</td></tr>"));
 $('#playlistTable tr:last').show('highlight',500);

$（'#playlistable tr:last'）。在（“'text to add to table'”之后）；
$（“#playlistable tr:last”）.show（'highlight'，500）；

如果要使用链接，可以这样做

$("<tr><td>'text to add to table'</td></tr>").insertAfter('#playlistTable tr:last').show('highlight',500);

$（“'text to add to table'”）.insertAfter（'playlistable tr:last'）.show（'highlight'，500）；

您可以在以下位置查看文档：