如何使用jquery替换/更改<h3> </ h3>内的标题文本？

Question

如何更改/替换<h3>文本:"精选优惠"使用javascript代替"公开优惠"？

</div>  <!-- FEATURED OFFERS -->
<div class="panel">
   <div class="head">
      <h3>Featured Offers</h3>
   </div>
   <div class="body">
      <table>
         <thead>
            <tr>

Answer 1

如果您可以选择它,您可以操纵它.

试试这个:

$(".head h3").html("your new header");

但正如其他人提到的,你可能希望headdiv有一个id.

Answer 2

你没有 - 不喜欢这个.给你的标签一个id,让我们说它现在看起来像这样:

<h3 id="myHeader"></h3>

然后像这样设置值:

myHeader.innerText = "public offers";

Answer 3

$("h3").text("context")

只需使用方法"text()".

.text()方法不能用于表单输入或脚本.要设置或获取input或textarea元素的文本值,请使用.val()方法.要获取脚本元素的值,请使用.html()方法.

http://api.jquery.com/text/

Answer 4

就像是:

$(".head h3").html("Public offers");

Answer 5

试试这个,

$(".head h3").html("New header");

要么

$(".head h3").text("New header");

记住类选择器返回所有匹配的元素.

Answer 6

像这样给h3一个id:

<h3 id="headertag">Featured Offers</h3>

并在javascript函数中执行此操作:

document.getElementById("headertag").innerHTML = "Public Offers";