获取AJAX请求中最后一个div的值

Question

我正在构建一个小型聊天应用程序，以了解一些有关jquery和Ajax的知识。它工作得很好，但目前chatbox正在以以下代码在一个间隔内抓取log.HTML的HTML：

function loadLog(){     
          $.ajax({
            url: "log.html",
            cache: false,
            success: function(html){    
                $(".chatbox").html(html); //Insert chat log into the #chatbox div
              },
        });
    }

现在，如果用户试图复制一行，它将退出，因为html每隔几秒钟就会刷新一次。因此，我希望构建一个检查来记住最后一条已知消息，并将其与日志中的最后一条消息进行比较。如果它们不匹配（出现了一条新消息），只有这样浏览器才会刷新聊天框中的html。

我对AJAX和Jquery相当陌生，所以我想问你们以下问题：比较log.html中的最后一条消息和chatbox div中的最后一个div的最佳方法是什么？

我的理论是

success: function(html){    
            $(html).find(last(div));
          },

但我不知道如何获得最后一个div的值。

我希望我把这个问题解释得足够好。此外，任何想法都是欢迎的：）

附言。这是log.html中一行的示例。

<div class='msgln'>(4:40 PM) <b>Jeroen</b>: Welcome<br></div>

Answer 1

用这种方式：

success: function(html){
  $(html).find(".msgln").last();
},

如果这不起作用，那么您可以创建一个假元素并访问最后一项：

success: function(html){
  $("<div />", {
    html: html
  }).find(".msgln").last();
},