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

时间:2018-10-31 16:03:17

标签: jquery html arrays

假设我有一个无序列表,并且我想将该列表的html推送到一个数组中,这样输出结果将如下所示:

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

这将如何实现?

1 个答案:

答案 0 :(得分:6)

如果要获取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>