JQuery: найти nextUntil() любой элемент заголовка

Question

Я пытаюсь найти все содержимое до следующего заголовка заголовка. Заголовок заголовка может быть h2, h3, h4, h5 или даже h6. Тем не менее, между основным и заголовком может быть много других элементов или один элемент, поэтому считать их до следующего заголовка нельзя.

Как я мог этого добиться?

Это мой текущий метод, который находит только до h4

$("main").parent().nextUntil("h4").each(function(){
   console.log($(this).html())               
})

Answer 1

Используйте несколько селекторов в nextUntil() как,

$("main").parent().nextUntil("h2,h3,h4,h5,h6").each(function(){
   console.log($(this).html())               
})

Answer 2

Использовать селектор заголовка

$("main").parent().nextUntil(":header").each(function(){
   console.log($(this).html())               
})