Как мне пройти через этот DOM с помощью jQuery и получить нужный текст?

Question

У меня есть одна форма на странице, в которой есть несколько сестринских тегов h5. Я хотел бы получить текст между каждым тегом h5, используя jQuery. Я бы предпочел иметь обратный вызов или быть в состоянии сделать это в простой циклической конструкции, где я могу взять текст и сделать из него осмысленный HTML-код, а затем вставить последнюю строку где-нибудь еще.

Как это сделать с помощью jQuery?

Answer 1

Это захватит все h5 под формой и предупредит их текст. Вы можете делать что угодно оттуда.

$('#myform h5').each(function() {
    alert($(this).text());
});

Answer 2

Под тэгами одного брата вы подразумеваете, что они находятся на том же уровне, что и форма, например так:

<form id="the-form">
  ...
</form>
<h5>Title 1</h5>
<h5>Title 2</h5>
<h5>Title 3</h5>

Если это правильно, вы можете сделать что-то вроде:

$("#the-form ~ h5").each(function (){
  // do something with $(this).text()
});

Обратите внимание на ~, который выбирает братьев и сестер.

Или, если вы предпочитаете отправить текст обратному вызову:

function callback( textFound ){
  // do something with textFound
}

$("#the-form ~ h5").each(function (){
  callback( $(this).text() );
});