使用 jQuery 突出显示新添加的项目答案

【问题标题】：Highlighting a newly added item using jQuery使用 jQuery 突出显示新添加的项目
【发布时间】：2010-11-12 13:16:32
【问题描述】：

当用户将新评论 (divCommentHtml) 添加到 cmets (divComments) 列表中时，我想将其突出显示几秒钟然后将其淡出。你怎么能用jquery做到这一点？这似乎不起作用：

 $('#divComments').prepend($divCommentHtml).effect("highlight", {}, 2000);

谢谢！

【问题讨论】：

【解决方案1】：

使用prepend，您在#divComments 元素上运行UI 效果。

试试这个（假设 $divCommentHtml 是一个 jQuery 对象）

$divCommentHtml.prependTo('#divComments').effect('highlight', {}, 2000);

或许

$('#divComments').prepend($divCommentHtml)
                 .find(':first').effect('highlight', {}, 2000);

【讨论】：

【解决方案2】：

jQuery 没有开箱即用的effect()。更新哦，这是一个 jQuery UI 的东西。继续:)

$divCommentHtml.prepentTo('#divComments').effect("highlight", {}, 2000);

我更改了它的工作方式，因此您的方法正在实际的 $divCommentHtml 对象上运行。

【讨论】：

【解决方案3】：

另一种选择是给 $divCommentHtml 一个 ID，然后在添加后运行效果

$divCommentHtml = '<div id="myID">Some Contents</div>'
$('#divComments').prepend($divCommentHtml);    
$( "#myID" ).effect( 'highlight', {}, 2000);

【讨论】：

【解决方案4】：

divCommentHtml 周围缺少括号。检查Live demo

$('#divComments').prepend($(divCommentHtml)).effect("highlight", {}, 2000);

【讨论】：