使用jQuery将选择器的html作为字符串获取

【问题标题】：Get html of selector as string using jQuery使用jQuery将选择器的html作为字符串获取
【发布时间】：2023-03-24 20:55:01
【问题描述】：

假设我有一个无序列表，我想将该列表的 html 推送到一个数组中，这样输出如下所示：

arr = ["<li> item 1</li>", "<li> item 2 </li>", "<li> item 3 </li>"];

如何实现？

【问题讨论】：

标签： jquery html arrays

【解决方案1】：

如果您想获取 Element 对象的数组，那么只需 $('li').get() 就足够了。

如果您希望每个 li 元素作为 HTML 字符串，那么您可以使用 map() 和 outerHTML，如下所示：

var arr = $('li').map(function() {
  return this.outerHTML;
}).get();
console.log(arr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

【讨论】：