Get closest ancestor by partial class with JS

Question

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

<div class="parent-1">
   <div class="child"></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?

mplungjan · Accepted Answer · 2022-07-23 08:00:16Z

3

Like this

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

<div class="parent-1">
   <div class="child"></div>
</div>

edited Jul 23, 2022 at 8:00

answered Jul 22, 2022 at 19:00

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get closest ancestor by partial class with JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related