jquery - タグ間のhtml構造を取る方法

Question

サイトにはこのような構造があります

<div class="main">
hello world<br />
againg hello world<br />
   <h3>some text</h3>
   <ul>
    <li>again text</li>
      <li>again text</li>
   </ul>
</div>

ここで、すべての br タグまたはクラス main と h3 の間で同じ html 構造を持つテキストを取得したいと考えています。以前は .prevUntil() を使用していましたが、何もできません

Answer 1

You could try something like this:

var html = $('#main').clone().find('>*').remove().html();

This creates a clone of your #main div and removes all child elements, leaving only the text.

Though it would be better to wrap that text in another element like a p.