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

Question

假设我有一个无序列表，我想将该列表的 html 插入一个数组，这样输出如下所示:

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

如何实现？

Answer 1

如果您想要获取元素对象数组，那么只需 $('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>