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

【问题标题】：How Do I Replace/Change The Heading Text Inside <h3></h3>, Using jquery?如何使用 jquery 替换/更改 <h3></h3> 内的标题文本？
【发布时间】：2011-12-18 06:33:09
【问题描述】：

如何使用 javascript 更改/替换 <h3> 文本：“Featured Offers”来表示“Public Offers”？

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

【问题讨论】：

我无法访问 HTML 代码，顺便说一句。
文档中还有其他的
标签。如何只切换
Featured Offers
而不是其他 H3 标签？
那些<h3>标签在其他<div class="head">里面吗？

标签： javascript jquery

【解决方案1】：

如果你可以选择它，你就可以操纵它。

试试这个：

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

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

【讨论】：

我必须输入$("h3.head").html("your new header"); 才能正常工作。不过谢谢！
@daneiswork：因为在您的标记中，h3 具有 head 类。问题中的标记不同。
啊啊啊好吧。这就说得通了。谢谢你这么说。

【解决方案2】：

你不 - 不喜欢这样。给你的标签一个 id，假设它现在看起来像这样：

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

然后像这样设置值：

myHeader.innerText = "public offers";

【讨论】：

嗯，我相信你会的。并且 jQuery 使它比纯 Javascript 更容易一些。
一般来说你是对的 - 但在我看来不是在这种特殊情况下 - 给标签总是很重要的，如果不是给
至少对于所以不会前面有任何错误。无论如何，如果您没有访问权限，我想您可以使用 talnicolas 的建议。朋友们美好的一天..
这确实是解决问题而不会产生更多问题的唯一答案。如果您使用其他标题，您将任意更改该人可能决定稍后添加的其他标题。
这个解决方案对我有用。在所有其他人中。谢谢：@barak ben horin
我有多个 h3，所以这似乎是最好的解决方案，但我使用 .text('some value') 而不是 innerText。

【解决方案3】：

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

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

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

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

【讨论】：

请注意，如果有多个<h3> 元素，这将设置每个元素的文本内容。

【解决方案4】：

像这样给 h3 一个 id：

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

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

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

【讨论】：

【解决方案5】：

试试这个，

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

或

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

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

【讨论】：

【解决方案6】：

类似：

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

【讨论】：

【解决方案7】：

你可以试试：

var headingDiv       = document.getElementById("head");
headingDiv.innerHTML = "<H3>Public Offers</H3>";

【讨论】：

head div 在示例中没有id。所以这 a) 行不通，b) 完全是错误的解决方案。
噢噢噢……没错。我看的不太对。头是一类。那么最好为 H3 或包含它的 div 分配一个 id 并执行此操作。你说什么？
我个人会分配一个 ID，但无论如何您的解决方案都是错误的。它会覆盖 head div 的全部内容。

【解决方案8】：

jQuery(document).ready(function(){
   jQuery(".head h3").html('Public Offers');
});

【讨论】：

虽然这段代码可以回答这个问题，但最好包含一些上下文，解释它是如何工作的以及何时使用它。从长远来看，纯代码的答案没有用处。
我认为没有必要解释，因为它是一个基本的 javascript 概念。
早上好@DeepakkumarSaini，请记住，即使是基础知识也可以提高我们的知识
这里已经发布了这个解决方案的三个答案，不是一个，不是两个，而是三个。 7年前。真的不需要另一个。

【解决方案9】：

希望对某人有所帮助：-

具有值为“className”的类属性的元素：

<h3 class="className"></h3>

您将通过类名进行引用：

const newTitle = document.querySelector(".className");

然后改变内容：

newTitle .textContent = "New Title";

【讨论】：

标签。如何只切换

Featured Offers

至少对于 所以不会前面有任何错误。无论如何，如果您没有访问权限，我想您可以使用 talnicolas 的建议。朋友们美好的一天..

至少对于所以不会前面有任何错误。无论如何，如果您没有访问权限，我想您可以使用 talnicolas 的建议。朋友们美好的一天..