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

請使用.html代替.append或.replacewith 。

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

因為.append（）不能解決您的問題，所以它也用於將任何文本附加到前一個文本之后。 它永遠不會替代之前的文本。