使用 jquery 更改 HTML 的内容

Changing the content of HTML using jquery

本文关键字：HTML jquery 更改 使用      更新时间：2023-09-26

我有一个html代码作为

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

使用jquery，我想将"旧数据"更改为"我的新数据"。我尝试为

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

使用 .html（）

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

作为 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
请不要使用

.append 或 .replacewith 请使用 .html 。

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

因为 .append（） 不能解决你的问题，所以它也用于将任何文本附加到前一个文本。它永远不会替换以前的文本。

相关文章：