Run results for: Vanilla JS vs Jquery (parents selector)

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0

Browser: Firefox 95

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Vanilla JS	164973.8 Ops/sec
jQuery	23589.9 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="fuck">
  <div class="shit">
    <div class="fart">
      <div class="hell">
        <div class="shitty">
          <div class="hella">
            <div class="farta">
              <div class="meow">
                <div class="spag">
                  <div class="hetti">
                    <div class="wtfm8">
                      <div class="ysomanyclassesyo">
                        deeply buried
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="fuck">
  <div class="shit">
    <div class="fart">
      <div class="hell">
        <div class="shitty">
          <div class="hella">
            <div class="farta">
              <div class="meow">
                <div class="spag">
                  <div class="hetti">
                    <div class="wtfm8">
                      <div class="ysomanyclassesyo">
                        deeply buried
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="fuck">
  <div class="shit">
    <div class="fart">
      <div class="hell">
        <div class="shitty">
          <div class="hella">
            <div class="farta">
              <div class="meow">
                <div class="spag">
                  <div class="hetti">
                    <div class="wtfm8">
                      <div class="ysomanyclassesyo">
                        deeply buried
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="fuck">
  <div class="shit">
    <div class="fart">
      <div class="hell">
        <div class="shitty">
          <div class="hella">
            <div class="farta">
              <div class="meow">
                <div class="spag">
                  <div class="hetti">
                    <div class="wtfm8">
                      <div class="ysomanyclassesyo">
                        deeply buried
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="fuck">
  <div class="shit">
    <div class="fart">
      <div class="hell">
        <div class="shitty">
          <div class="hella">
            <div class="farta">
              <div class="meow">
                <div class="spag">
                  <div class="hetti">
                    <div class="wtfm8">
                      <div class="ysomanyclassesyo">
                        deeply buried
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Tests:

Vanilla JS
document.querySelectorAll('.ysomanyclassesyo').forEach(e => e.closest('.fuck').classList.add('fuckster') );
jQuery
$('.ysomanyclassesyo').parents('.fuck').addClass('fuckster');

Run results for: Vanilla JS vs Jquery (parents selector)

Vanilla JS

jQuery