ページの最初のh1タグの後にテキストを取得

Question

ページの最初のh1タグの後にテキストを表示するにはどうすればよいですか？ページには、h1タグの後にテキストがあります。そのテキストは、HTMLリストまたは単純なプレーンテキストにすることができます。

だから私は約2つの文章か、またはページの最初のH1タグの後に文字カウンタで制限することができます。テキストがない場合、H1タグテキストが得られます。

どのようにjQueryを使用してこれを行いますか？

私の現在のHTMLは次のようになります。私はThis is some textを必要とする。この場合

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

。

それともそれは同様に、以下のようにすることができます：私は最初の二つのLiの内容を必要とする。この場合

<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>

・ホープ、このことができますし、作品！ :)