JSFiddle - React, Tailwind, and code Playground

HTML

<header data-ride="share">
 <div class="child__one">
   <div class="child__two">
     <div class="child__three"></div>
   </div>
 </div>
</header>

JavaScript

var parent = $('.child__three').closest('[data-ride="share"]');
console.log(parent);

var parents = $('.child__three').parents('[data-ride="share"]');
console.log(parents);