Question

如何更新特定div中的<h2>文字？

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

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

Answer 1

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

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

或使用descendant selector：

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

Answer 2

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

在一个函数里面。 E.g。

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

或者

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

更新div中的文本

4 个答案: