将 jQuery 对象转换为字符串

有时候我们需要将一个 jQuery 对象转换成字符串。下面介绍三种常见的转换方式。

1. 使用 .html() 方法

使用 html() 方法可以获取jQuery对象的innerHTML值，即将对象中的html代码组成字符串返回。

const $div = $('<div class="my-div">Hello World!</div>');
const str = $div.html(); // "<div class="my-div">Hello World!</div>"

2. 使用 .text() 方法

使用 text() 方法可以获取jQuery对象的innerText值，即将对象的文本内容组成字符串返回。

const $div = $('<div class="my-div">Hello World!</div>');
const str = $div.text(); // "Hello World!"

3. 使用 .outerHTML 属性

使用 outerHTML 属性可以获取包含当前元素在内的整个HTML字符串。

const $div = $('<div class="my-div">Hello World!</div>');
const str = $div[0].outerHTML; // "<div class="my-div">Hello World!</div>"

注意：outerHTML 是DOM原生属性，因此需要使用 [0] 索引获取原生DOM元素。

以上三种方式可以将jQuery对象转换为字符串，根据需求选择适合的方法即可。

参考链接：https://jquery.com/