jQuery: что делает этот код?

Question

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

Answer 1

Последний получает <div class="message">, у которого нет класса pending", который является потомком последнего <div class="monologue">, который является прямым потомком элемента id=chat".

Поскольку он выглядиткак если бы вы смотрели код чата SO, вот простая версия:
Он получает последнее сообщение чата, которое вы не просто отправили (и не было подтверждено сервером).

Answer 2

Он нацелен на последний <div class="message"> из <div class="monologue"> и гарантирует, что в атрибуте класса нет 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>