javascript - 使用 jquery 更改 HTML 的内容

Question

我有一个html代码

<td id="myColumn" class="Column">
Old Data
</td>

使用 jquery 我想将“旧数据”更改为“我的新数据”。我尝试作为

$( ".Column" ).append("My New Data");
and
$( ".Column" ).replaceWith("My New Data");

Answer 1

使用.html()

$( ".Column" ).html("My New Data");

Answer 2

作为HTML：

$( ".Column" ).html("My <strong>New</strong> Data");

输出：“我的新数据”

---

作为字符串：

$( ".Column" ).text("My <strong>New</strong> Data");

输出：“我的新数据”

---

如果要替换当前值中的某些内容，可以使用.html()getter：

$( ".Column" ).html(  $(".Column").html().replace('old', 'new')  );

---

还有一个简单的 Javascript 方法，所有功劳归于：yantrakaar（将其放在这里以获得更完整的答案）

document.querySelector("#myColumn").innerHTML="My New Data"; // Modern browsers
document.getElementyId("myColumn").innerHTML="My New Data"; // Older browsers

Answer 3

代替.append或.replacewith请使用.html.

前任：$( ".Column" ).html("My New Data");

因为 .append() 不能解决您的问题，所以它还用于将任何文本附加到前一个文本中。它永远不会替换以前的文本。