요소 자체를 포함한 요소의 부모를 모두 얻습니다.

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()으로 요소 자체를 포함 할 수있는 방법이 있나요 또는이 일을 더 나은 방법이? 다른 순서로 당신이 그들을 원하는 경우,

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

또는 :

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).add($(event.target).parents()); 

---

는 당신이 필요로하는 것은 (즉이 아닌 jQuery를 객체 배열 인 경우), 역순으로 사용할 수 있습니다.

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