[Js] JQuery로 부모 스타일 적용하는 기능을 쓸수없을 때 대처방법

getParents 함수를 만들어서 사용합니다.

 

function getParents(el, parentSelector /* optional */) {

​    // If no parentSelector defined will bubble up all the way to *document*    

    if (parentSelector === undefined) {        

        parentSelector = document;
    }

​    var parents = [];

    var p = el.parentNode;​

    while (p !== parentSelector) {

      var o = p;

      parents.push(o);
      p = o.parentNode;

   }

   parents.push(parentSelector); // Push that parentSelector you wanted to stop at

​   return parents;

}

 

//  클래스명이 link-top 중에 1번째 선택자의 부모의 배경색을 전부 파란색으로 변경

var vDiv = getParents(document.getElementsByClassName("link-top")[0]);

for(var i=0;i<vDiv.length;i++){

    vDiv[i].style.backgroundColor = "blue";

}

 

참고 : pythonq.com/so/javascript/340987