Question

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

Answer 1

最后<div class="message">的{{1}}没有pending"，这是<div class="monologue">元素的直接子项的最后id=chat"的后代。< / p>

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

Answer 2

它定位到<div class="message">的最后<div class="monologue">，并确保它在class属性中没有pending。现在，父级div <div class="monologue">应该是其父div的最后一位，即<div id="chat">。

要说清楚，请参阅下文：

<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>

jQuery：这段代码做了什么？

2 个答案: