如何使用 jquery 替换/更改

Question

如何使用 javascript 更改/替换

文本：“Featured Offers”以表示“Public Offers”？

</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");

但正如其他人提到的，您可能希望 head div 有一个 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

像这样给 h3 一个 id：

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

并在 javascript 函数中执行以下操作：

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

Answer 5

试试这个，

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

或者

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

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

Answer 6

像这样的东西：

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

Answer 7

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

Answer 8

您可以尝试：

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

Answer 9

如果您使用 JQuery，则可以使用以下代码段：

onSomethingChange() {
  $("#your_element_id").text("the text you want to be appeared")
}

如果您根据某些事件更改 HTML 元素，
并且 text 方法中的字符串可以替换为另一个元素值，如下面的代码片段

onSomethingChange() {
  $("#your_element_id").text($("#your_other_element_id").val())
}

，但请记住，当您将 id 放入 HTML 元素时，这会起作用，不会用作输入之类的字段< /强>

Answer 10

希望对某人有所帮助：-

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

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

您将通过类名进行引用：

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

然后更改内容：

newTitle.textContent = "New Title";