Получить текст после первого тега h1 страницы

Question

Как я могу получить текст после первого h1 тега страницы? На странице появится текст после тега h1. Этот текст может быть списком HTML или простым текстовым текстом.

Поэтому я хочу получить текст, который может быть около двух предложений, или мы можем ограничить счетчик символов после первого тега H1 страницы, если нет текста, получится текст тега H1.

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

Мой текущий HTML является:

<div class="main_content"> 
    <h1>H1 tag text</h1> 
    <div class="other_text"> 
    This is <b>some</b> text. 
    </div> 
</div> 

В этом случае мне нужно This is some text.

Или это может быть как следующий, а также:

<div class="main_content"> 
    <h1>H1 tag text</h1> 
    <ul> 
    <li>first element</li> 
    <li>second element</li> 
    </ul> 
</div> 

В этом случае мне нужно содержание первых двух Ли.

Answer 1

Я думаю, что вы можете сделать в этом случае, использовать .next() и .text(). Итак, давайте попробуем оба ваших дела.

$(function() { 
 
    console.log($("h1").next().text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main_content"> 
 
    <h1>H1 tag text</h1> 
 
    <div class="other_text"> 
 
    This is <b>some</b> text. 
 
    </div> 
 
</div>

И на следующем случай, давайте попробуем с тем же кодом:

$(function() { 
 
    console.log($("h1").next().text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main_content"> 
 
    <h1>H1 tag text</h1> 
 
    <ul> 
 
    <li>first element</li> 
 
    <li>second element</li> 
 
    </ul> 
 
</div>

Надеется, что это помогает и работает! :)