title: jquery each within an each?
body: <p>EDITED, this solves the question</p>
  
  <p>To use the array like I've we need to loop 3 times like this code, thanks Alexander</p>
  
  <pre><code>var str = '';
      $.each(cores, function(i, value) {
          $.each(value, function(j, value_2) {
              $.each(value_2, function(k, sel_cor) {
                  console.log(sel_cor);
                  str += "&lt;div class='cores' title="+sel_cor+" style='background-color:#"+sel_cor+"'&gt;&lt;/div&gt;";
              });
          });
      });
  </code></pre>
  
  <p>I'm trying to make a jQuery colorpicker.</p>
  
  <p>I've 3 arrays with hex colors, and I want to build litle squares for each one, so I need to each array each child of array.</p>
  
  <p>Is this possible? How can this be done?</p>
  
  <pre><code>cores[0] = [["e3e3e7","e5e5e6","ecdfec","e6dfec","dfdfe6","dfe6e6","dfe6df","e8e8e0","f9f2df","f4e9df","ecdfdf","e5e4e2"]];
  cores[1] = [["e3e3e7","e5e5e6","ecdfec","e6dfec","dfdfe6","dfe6e6","dfe6df","e8e8e0","f9f2df","f4e9df","ecdfdf","e5e4e2"]];
  cores[2] = [["e3e3e7","e5e5e6","ecdfec","e6dfec","dfdfe6","dfe6e6","dfe6df","e8e8e0","f9f2df","f4e9df","ecdfdf","e5e4e2"]];
  
  $.each(cores, function(j, value) {
              console.log('j = '+j+' value = '+value);
              str_claras += "&lt;div class='tile' style='width:20px; height:20px; padding:0;margin:0;border:1px solid #333333;cursor:pointer;background-color:#"+j[value]+"'&gt;&lt;/div&gt;";
      });
  </code></pre>