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

时间:2011-12-18 06:33:09

标签: javascript jquery

如何更改/替换<h3>文字:“精选优惠”使用javascript代替“公开优惠”?

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

6 个答案:

答案 0 :(得分:33)

如果你可以选择它,你可以操纵它。

试试这个:

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

但正如其他人所提到的,你可能希望head div有一个id。

答案 1 :(得分:21)

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

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

然后将值设置为:

myHeader.innerText = "public offers";

答案 2 :(得分:19)

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

只需使用方法“text()”。

  

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

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

答案 3 :(得分:9)

类似的东西:

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

答案 4 :(得分:6)

像这样给h3一个id:

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

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

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

答案 5 :(得分:-1)

jQuery(document).ready(function(){    jQuery(“。head h3”)。html('公开报价'); });