javascript - 比较 jQuery 中的 2 个元素(按内容)

Question

所以，我有一个包含消息的页面。我正在使用 jQuery.load(请求完全相同的页面)每 X 秒平滑刷新一次页面。

问题是如果页面上有图片，它们会重新加载。

所以基本上我想做的是仍然使用 load 方法，但只更新更改的元素。

是否可以比较 jQuery('.message-wrapper').first() 与 jQuery('.message-wrapper').last() 和如果它们具有完全相同的结构/内容，则应返回 true。现在，如果您比较 2 个 HTML 节点(因此是 JS，而不是 jQuery)，只有当它们是同一个元素时，您才会得到 true。

我想做的是检查内容是否不同。

免责声明:我见过一些类似的问题，但都没有有效的解决方案。

Answer 1

要比较元素的文本内容，您可以使用 text()，或者要比较标记，请使用 html():

$('.message-wrapper').first().text() == $('.message-wrapper').last().text()

要删除字符串前后的空格，有时这可能是个问题，您可以将其包装在 jQuery 的 $.trim 方法中:

$.( $('.message-wrapper').first().html() ) === $.( $('.message-wrapper').last().html() )