javascript - 有没有更简单的数组解决方案？

Question

<div id="files" class="files">
<p>Jellyfish.jpg</p>
<p>Lighthouse.jpg</p>
<p>Jellyfish (1).jpg</p>
<p>Koala.jpg</p>
</div>

接下来要在数组中添加名称:

var AllFilesName = $("#files").html();
var AllFilesName = AllFilesName.replace('<p>', '');
var AllFilesName = AllFilesName.split('</p>');

请问是否有更简单的数组解决方案？

Answer 1

尝试使用.map()连同 .get()将所有这些值收集到一个数组中，

var arrayOfFileNames = $('#files > p').map(function(){
  return $(this).text();
}).get(); //['Jellyfish.jpg','Lighthouse.jpg' ..]

DEMO