Profile: aprilA

Problem: I would like to use a JavaScript system to create a zip file that Users can download on the front-end of the site. The zip file generation will be handled by a third-party plugin. I need to be able to loop over repeatable field groups (RFGs) containing file fields so I can push each file into the files array.

Solution: Use jQuery.each to traverse the DOM and find the file URL and filename. Push those items into the zip plugin API. Loop:

<ul>
<wpv-loop>
  <li class="rfg">
    <span class="filepath">https://yoursite.com/path/to/image.jpg</span>
    <span class="filename">File name</span>
  </li>
</wpv-loop>
</ul>

JS:

// loop over each result and add the necessary file info to folder
jQuery.each('.rfg', function( index, item ){
  folder.file( jQuery(item).find('.filepath').text(), jQuery(item).find('.filename').text());
});

Relevant Documentation:
http://api.jquery.com/jquery.each/