jquery-ui - JQUERY，比较两个文本块，然后仅对新文本设置动画

我有两段文字

文本块1-当前显示在页面上：
“ Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adkadskdsad

但是，现在在后端块1：“AHD高清ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd DSA AHD高清ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd DSA AHD高清ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd DSA AHD高清ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd DSA AHD高清ahaSdjdajs dadjs jasdadskadskl1lksad klasd klasd DSA AHD HD ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd DSA AHD HD ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd DSA AHD HD ahaSdjdajs dadjs jasdadskadskl1lksad klasd klasd DSA AHD HD ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd DSA AHD HD ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd DSA AHD高清ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd DSA AHD高清ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd DSA AHD高清ahaSdjdajs dadjs亚什德adskadskl1lksad klasd klasd DSA”

我想用页面上服务器上的块2更新页面上的原始块1。

而且我想追加，而不是刷新整个块。因此，只有新内容才被刷新。

关于如何在JQUERY中执行此操作的任何想法？

最佳答案

嗯，这不会执行Flash，但确实显示了如何将Flash聚焦于新内容。我把它涂成黄色以提高知名度。

旧内容位于类“ old”的范围内。新内容将放置在类别为“ new”的范围中。

实际观看：
http://jsfiddle.net/P2T8Q/

的HTML

<span id="page">Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa</span>

的CSS

.new {
    background: yellow;
}

jQuery的

var backend = "Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasdadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasdadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa";

var page = $('#page').text();

backend = backend.replace(page, function(str){ return '<span class="old">' + str + '</span><span class="new">' });

$('#page').html(backend + '</span>');

编辑：

如果要避免字符串吊索，请执行以下操作：

http://jsfiddle.net/P2T8Q/1/

jQuery的

var backend = "Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasdadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasdadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsaadskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa";

var page = $('#page').text();

var regex = new RegExp('^(' + page + ')(.+)');

backend.replace(regex, function(str,p1,p2){var old = $('<span class="old" />').text(p1); var updated = $('<span class="new" />').text(p2); $('#page').empty().append(old).append(updated); });

关于jquery-ui - JQUERY，比较两个文本块，然后仅对新文本设置动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2790376/