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="monologue">的最後<div class="message">爲目標，並確保它在類屬性中沒有pending。現在父分區<div class="monologue">應該是其父分區的最後一個分區，即<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>