更新div內的文字

Question

如何在特定div內更新<h2>文字？

<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

您可以使用find找到wrapper的子元素：

$('#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 
})