Ich habe einen Code mit vielen Untermenüs, die denselben Klassennamen haben.

Hier ist eine Struktur:

.menu
  .sub-menu
  .sub-menu
    .sub-menu
    .sub-menu
  .sub-menu
    .sub-menu
      .elem
      .elem
  .sub-menu

Beachten Sie, dass.sub-menu kann unendlich tief sein.

Wie erreiche ich das: wann?.elem angeklickt wird, möchte ich das DOM nach oben bis zum obersten durchlaufen.sub-menu erreicht ist und einen Stil darauf anwenden. Ich bin mir bewusst, dass.closest() und.parent() und.find(), aber ich habe keine Ahnung, ob jQuery solche Funktionen wie hat.topMost(selector)?

Der einzige Weg, den ich mir vorstellen kann, ist vielleicht, eine Schleife zu durchlaufen.closest('.sub-menu') des neuen Elements, bis seine Länge Null ist (es gibt keine Eltern mehr in dieser Klasse, daher muss es das oberste sein). Ich denke jedoch, dass es einen praktischeren Ansatz geben sollte.