比较jQuery中的两个元素(按内容)

Compare 2 elements in jQuery (by content)

本文关键字：两个元素 jQuery 比较更新时间：2023-09-26

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

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

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

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

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

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

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

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

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

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