獲取一個元素的所有父母，包括元素本身

Question

我想創建一個數組，其中包含用戶在內容可編輯div中點擊的所有元素。我有這個工作與下面的代碼。

var els = []; 
var target = event.target; 
while (target){ //Create an array of parent elements 
    els.push(target); //Push target to the back of the array 
    target = target.parentNode; 
} 

但我在想，如果我能減少這種與jQuery的一條線。 jQuery的.parents()幾乎讓我有，但不包括第一event.target

var els = $(event.target).parents(); 

有沒有一種辦法，包括元素本身具有.parents()或者是有這樣做的更好的辦法？

Answer 1

andSelf怎麼樣？

var els = $(event.target).parents().andSelf(); 

礦會讓你，祖父母，祖父母，父母，自我。

如果你想：自己，父母，祖父母，曾祖父母，嘗試用這種延伸的Jquery：

$.fn.reverse = [].reverse; 

，然後做：

var els = `$(event.target).parents().andSelf().reverse(); 

例子：jsFiddle

Answer 2

您可以使用add：

var els = $(event.target).parents().add(event.target); 

，或者，如果你希望它們以不同的順序：

var els = $(event.target).add($(event.target).parents()); 

---

如果你需要的是一個數組（即不是一個jQuery對象），則可以使用反轉：

var els = $(event.target).parents().add(event.target).get().reverse();