JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="20" height="20">
      <g class="classy">
          <circle r="5" cx="10" cy="10" fill="#e69b15"></circle>
    </g>
</svg>
<div>
      <div class="classy">
          <div id="innerDiv"></div>
    </div>
</div>

JavaScript

// RUN THIS TEST WITH jQuery 1.9.1 AND 1.8.3

$('body').append('<p>' + $('circle').parent().length + '</p>' );
$('body').append('<p>' + $('circle').parent('.classy').length + '</p>' );
$('body').append('<p>' + $('circle').
closest('.classy').length + '</p>' );

$('body').append('<p>' + $('#innerDiv').parent().length + '</p>' );
$('body').append('<p>' + $('#innerDiv').parent('.classy').length + '</p>' );
$('body').append('<p>' + $('#innerDiv').
closest('.classy').length + '</p>' );