Home > Software engineering >  Get closest ancestor by partial class with JS
Get closest ancestor by partial class with JS

Time:07-23

I need to get the closest ancestor by class, byt I need to use a partial class. For instance:

<div >
   <div ></div>
</div>

I'd like to do somenthing like that: document.getElementsByClassName('child')[0].closest('.parent')

This would return null, since the parent's class name is parent-1. But is there a way in which I could get the parent using just the partial class name?

CodePudding user response:

Perhaps this

const parent = document.querySelector(".child").closest("div[class^=parent]");
console.log(parent.className)
<div >
   <div ></div>
</div>

  • Related