Bir div içindeki metni güncelleyin

Question

Belirli bir div içindeki <h2> metnini nasıl güncelleştiririm?

<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"); 

kullanımlar .find()

Açıklama: bir seçici tarafından filtre eşleşen elemanların mevcut kümesindeki her elemanın kökenini, alın jQuery nesnesi veya öğe.

Answer 2

Bir wrapper çocuk maddeyi bulmak için find kullanabilirsiniz:

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

Veya descendant selector kullanın:

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

Answer 3

bu deneyin:

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

Ve ettik Burada bir tırnak özledim: <div id="wrapper>

Kod böyle olmalı:

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

Answer 4

Kişisel javascript kodu olmalıdır $('#wrapper h2').text("new text"); sadece ID sonra gerekli etiket eklemek gerekir. Bunun yerine $('#wrapper').text("new text");

ait

arada bu kod satırı olmalıdır

<script></script> 

içeride Ve bir işlev içinde. Örneğin.

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

Ya

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