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