I have two situations like this:

<button data-v-38dc0aaa="" class="v-stepper-item v-stepper-item--selected">
  <span class="v-stepper-item__overlay"></span>
  <span class="v-stepper-item__underlay"></span>
  <div class="v-avatar v-theme--light bg-grey v-avatar--density-default v-avatar--variant-flat v-stepper-item__avatar" style="width: 24px; height: 24px;">RED</div>
  <div class="v-stepper-item__content"><!----><!---->BLUE</div>
</button> 

<v-stepper-items data-v-38dc0aaa="">
   <button data-v-38dc0aaa="" class="v-stepper-item v-stepper-item--selected">
   <span class="v-stepper-item__overlay"></span>
   <span class="v-stepper-item__underlay"></span>
   <div class="v-avatar v-theme--light bg-grey v-avatar--density-default v-avatar--variant-flat v-stepper-item__avatar" style="width: 24px; height: 24px;"></div>
   <div class="v-stepper-item__content"><!----><!---->BLUE</div></button><hr data-v-38dc0aaa="" class="v-divider v-theme--light" aria-orientation="horizontal" role="separator">
</v-stepper-items>

I want to recursively find elements with class v-stepper-item__content in various parentNodes as well.

Unfortunately I can’t find it in the entire document, I have to look for it among the childNodes.

Is there a good way?