jquery - html元素比较

标签 jquery html css

我有一个疑问,我只想知道是否可以。如果是,那么如果您能指导我提供样本或示例,那将非常有帮助。

所以我想做的是,对 HTML(或 DOM 元素)进行比较。那么让我们来看看这个场景:

我的页面上有 5 行(5 个 <tr> 或 5 个 <div> ),我调用 ajax 来获取更多数据,这次服务器返回 8 行(只有 3 行是新的) , 5 仍然是旧行), 所以我不想再次显示所有 8 行, 我只想将这 3 行附加到已经存在的 5 行。

我知道一种解决方案是在我的服务器端执行,一次发送一行,但服务器端代码或多或少被卡住,所有更改只需要在客户端完成。

您的意见非常有值(value)。

最佳答案

当您收到 AJAX 数据时,您应该尝试解析检索到的 ID(或一些标识对象,如日期/时间)并将它们保存在一个数组中。每次获取 AJAX 数据时,解析 ID,检查您的数组以查看它是否是新的,如果是,则显示它。

执行此操作的理想方法是将检索到的最高 ID 传递给 ajax 调用,并让您的服务器仅返回 ID 高于该 ID 的元素。这与 Facebook 提供实时信息流的方式非常相似。

关于jquery - html元素比较,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3753159/

相关文章:

jquery - 按钮('reset')

javascript - ajax 调用后 php echo javascript 函数不起作用?

javascript - 使用 JQuery 动画旋转 SVG 元素

html - 文本未定位在正确的图像上

javascript - 带有可滚动图像的 Div

javascript - .each 未捕获类型错误 : undefined is not a function

html - 调试 Google Web 字体

html - 我有两张图片,我想在一行中并排显示

javascript - 如何使用其子级将 CSS 应用于父级

javascript - 移除 componentDidMount 上的 backgroundImage