使用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。

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

因为.append（）不能解决您的问题，所以它也用于附加前一个文本。它永远不会取代以前的文本。