[].forEach.call

check resource/Local Storage for results

HTML

<section data-bucket="banana,pear,apple">section1</section>
<section data-bucket="red,blue,green">section2</section>

JavaScript

[].forEach.call(, function(elem, i) {
  localStorage['bucket' + i] = elem.getAttribute('data-bucket');
});