How to replace the content of tags with jquery

For jQuery, replacing the content of a tag is very simple. You can use the following two methods: .html() and .text().

1. Using the .html() method

.html() method can be used to replace HTML content in HTML elements. Its usage is very simple, you only need to pass in the content to be replaced. For example, if you want to replace the content in a div element with the id "myDiv" with "Hello, world!", you can write like this:

$("#myDiv").html("Hello, world!");

2. Use the .text() method

The .text() method is similar to the .html() method, except that it is used to replace the text content in the element instead of the HTML content. For example, if you want to replace the content in a div element with the id "myDiv" with "Hello, world!", you can write like this:

$("#myDiv").text("Hello, world!");

It should be noted that if the content you want to replace is HTML code, then you should use the .html() method. Otherwise, if the content you want to replace is just plain text, then you should use the .text() method.

Example demonstration:

HTML code:

<div id="myDiv">
    <p>这是一个段落。</p>
</div>

JavaScript code:

// 使用 .html() 方法替换 HTML 内容
$("#myDiv").html("
Hello, world!
");

// 使用 .text() 方法替换文本内容
$("#myDiv").text("Hello, world!");

The above code will replace the content in the div element with "Hello, world !". The first example uses the .html() method to replace the HTML content in the div element, and the second example uses the .text() method to replace the plain text content in the div element.

Summary:

By using the .html() and .text() methods, you can easily replace content in HTML elements. If what you need to replace is HTML code, then you should use the .html() method; if what you need to replace is just plain text, then you should use the .text() method.

The above is the detailed content of How to replace the content of tags with jquery. For more information, please follow other related articles on the PHP Chinese website!