JavaScript Code Function to Get Parent Element by ID or ClassName

Pseudo querySelector or querySelectorAll for Parent Element. Starting with an Element [child], Traverse up the Parent Tree Until you Reach a Parent Element that Matches your Specified ID or ClassName

Home Short:

/* --------------------------------------------------
    get a parent element by its id or classname
    
    [child] - the element were starting with
    [idOrClassName] - id or classname of parent element
                      were looking for
    ------------------------------------------------- */
 function getParent(child, stopParentIdOrClassName = ""){
  
  while(child.tagName.toLowerCase() != "body"){
      
       // get the next parent up
      child = child.parentNode;
     
       // we reached body tag which means parent element with
       // class or id of [idOrClassName] not found so exit
      if(child.tagName.toLowerCase() == "body"){
         return child;
      }

// if a [stopParentIdOrClassName] provided
       // [stopParentIdOrClassName] is the highest 
       // most parent, if found, to stop recursion
      if(stopParentIdOrClassName.trim().length > 0){
           // if child.id or child.className = stopParentIdOrClassName
          if((child.id == stopParentIdOrClassName) || 
            (child.classList.contains(stopParentIdOrClassName))){
                return child;
            }
      }
   }
 }

source code home