jQuery當前多選目標

Question

我該如何檢索我的選擇中的哪一個是我的「當前」目標？ 我想在這個函數中有不同的變量。

$('#header a, #nav a').click(function (event) { 

// if is $('#header a') do this 
// if is $('#nav a') do that 

}); 

Answer 1

this將參考實際的DOM元素，使您可以檢查tagName或className，或者尋找$(this).parents('#header')。

$('#header a, #nav a').click(function (event) { 
    var $this = $(this); 

    if ($this.parents("#header").length > 0) { 
    display("I'm inside #header"); 
    } 
    else if ($this.parents("#nav").length > 0) { 
    display("I'm inside #nav"); 
    } 
    else { 
    // Obviously this won't happen. 
    // None of us has *ever* changed a selector and forgotten to update the code! ;-) 
    display("I'm confused!"); 
    } 

    return false; 

}); 

​​

---

題外話：我與Felix和melaos同意，如果你真的做的事情不同，重構到不同的處理器（可能是調用常用功能）可能是更好的方法去...

Answer 2

這個引用選擇器/ s的匹配集合中的當前元素。 但是，如果您需要以不同方式處理每個元素，那麼爲什麼要將元素的click事件作爲一個組綁定（即使用單個選擇器）。

爲了以更好的方式管理代碼，我會用兩個bind調用，如：

$("#header a").click(function (event) { 
//Do what you need to do for #header a 
}); 

$("#nav a").click(function (event) { 
//Do what you need to do for #nav a 
});