jQuery委託選擇器問題

Question

我試圖委託單擊事件到所有現在和未來divs與「面板」類的所有第一錨標記。我做了這樣的事情：

$('#panel').delegate('.panels a:first', 'click', function(event) [...] 

但這並不起作用。它僅將事件綁定到一個，第一個「.panels」。任何提示？

Answer 1

我不認爲你可以只用一個選擇器來做到這一點，除非碰巧a元素不僅僅是第一個錨點，而是「面板」div之內的任何一種第一個孩子（在這種情況下你可以使用:first-child）。

您可能必須在處理程序本身中添加一些邏輯，以檢查點擊的錨點是div中的第一個錨點。沿着這些路線的東西：

$("#panel").delegate(".panels a", "click", function() { 
    if ($(this).siblings("a").andSelf()[0] === this) { 
    // It's the first anchor in its parent 
    } 
    return false; 
}); 

Live example

做是因爲siblings和andSelf既保證保持文檔順序jQuery對象內部的數組，所以檢查是否this是[0]個元素的作品。

Answer 2

要使用:first-child,:first只返回一個元素。

你現在正在做的是等於$('.panels a').get(0)

來源：
http://api.jquery.com/first-selector/