div内のテキストを更新

Question

<h2>特定のdiv内のテキストを更新するにはどうすればよいですか？

<div id="outerwrapper"> 
    <div id="wrapper> 
    <h2></h2> 
    </div> 
</div> 

$('#wrapper').text("new text"); 

Answer 1

$('#wrapper').find('h2').text("new text");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="outerwrapper"> 
 
    <div id="wrapper"> 
 
    <h2></h2> 
 
    </div> 
 
</div>

$('#wrapper').find('h2').text("new text"); 

使用.find()

説明：セレクタによってフィルタリング、マッチした要素の現在のセット内の各要素の子孫を取得し、jQueryオブジェクト、または要素。

Answer 2

あなたはwrapperの子要素を見つけるためにfindを使用することができます。

$('#wrapper').find("h2").text("new text"); 

かdescendant selectorを使用する：

$('#wrapper h2').text("new text"); 

Answer 3

はこのお試しください：

$('#wrapper h2').html("new text"); 

をそして、あなたはしましたここで引用を逃した：<div id="wrapper>

コードは次のようにする必要があります：

<div id="outerwrapper"> 
    <div id="wrapper"> 
     <h2></h2> 
    </div> 
</div> 

Answer 4

あなたのjavascriptのコードがなければなりません$('#wrapper h2').text("new text");あなただけのIDの後に必要なタグを追加する必要があります。代わりに $('#wrapper').text("new text");

の

はところで、そのコード行があるべき

<script></script> 

内側と関数の内部。例えば。

(function($){ 
    //your code here 
}) 

それとも

$(document).ready(){ 
    //your code here 
})