jQuery：这段代码的作用是什么？

发布于 2024-09-28 22:04:46 字数 95 浏览 3 评论 0原文

l = $("#chat > div.monologue:last div.message:not(.pending):last");

原文

l = $("#chat > div.monologue:last div.message:not(.pending):last");

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

黑凤梨 2024-10-05 22:04:46

最后一个

没有类 pending"，它是最后一个

是 id=chat" 元素的直接子元素。

因为看起来您正在查看 SO 聊天代码，所以这是简单版本：
它正在获取最后一条聊天消息，该消息不是您刚刚发送的（并且尚未得到服务器确认）。

回复收藏 0 原文

未央 2024-10-05 22:04:46

它以

的最后一个

为目标，并确保它没有 类属性中的待处理。现在，父 div（即

）应该是其父 div（即


< 的最后一个） /代码>。

为了清楚起见，请看下面：

<div id="chat">
  <div class="monologue"></div>
  <div class="monologue"></div>
  <div class="monologue">
      <div class="message pending"></div>
      <div class="message pending"></div>
      <div class="message"></div>
      <div class="message"></div>

      <!-- it's targeting this div -->
      <div class="message"></div>
  </div>

It targets the last <div class="message"> of <div class="monologue"> and makes sure it doesn't have pending in the class attribute. Now the parent div, which is <div class="monologue">, should be the last from its parent div, which is <div id="chat">.

To make it clear see below:

<div id="chat">
  <div class="monologue"></div>
  <div class="monologue"></div>
  <div class="monologue">
      <div class="message pending"></div>
      <div class="message pending"></div>
      <div class="message"></div>
      <div class="message"></div>

      <!-- it's targeting this div -->
      <div class="message"></div>
  </div>

回复收藏 0 原文

~没有更多了~