Update-Text in einem div

Question

Wie aktualisiere ich <h2> Text in einem bestimmten 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"); 

Verwenden .find()

Beschreibung: Die Nachkommen von jedem Element in dem aktuellen Satz von abgestimmten Elementen Erhalten, durch einen Selektor gefiltert, Objekt jQuery oder Element.

Answer 2

können Sie find verwenden Kind-Element eines wrapper zu finden:

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

Oder verwenden descendant selector:

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

Answer 3

Versuchen Sie folgendes:

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

und Sie haben habe hier ein Zitat verpasst: <div id="wrapper>

Code wie folgt sein sollte:

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

Answer 4

Ihr JavaScript-Code muss $('#wrapper h2').text("new text"); Sie nur das erforderliche Tag nach der ID haben hinzuzufügen.

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

Durch die Art und Weise, dass Codezeile sollte innerhalb

<script></script> 

Und in einer Funktion sein. Z.B.

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

Oder

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