jQuery append foreach para div

Question

Estoy intentando crear una nube de etiquetas dinámicas usando jQuery, yo quiero que tire las palabras clave de la página y luego escupió a cabo en un div, pero no estoy seguro de cómo ir sobre él - Yo sé cómo podría hacerlo si se tratara de php, pero no tan bueno en jQuery.

Ya he creado mis "palabras clave" variables

var keywords = jQuery("meta[name=keywords]").attr("content");

Ahora, ¿cómo hago para hacer un foreach para que se anexe el div "Tagcloud" de esta manera:

<div class="tagCloud" id="tagCloud">

  Keyword 1 \n
  Keyword 2 \n
  Keyword 3 \n

</div>

y así sucesivamente .. si alguien me podría ayudar, eso sería fantástico:)

Answer 1

Si se asume que desea las palabras clave en la nube para ser enlaces (anclas):

$($('meta[name="keywords"]').attr('content').split(',')).each(function(i, el) {
    $('#tagCloud').append($('<a>').attr('href','#').text(el));
});

Answer 2

Me gustaría hacer esto:

   var all = "";
    jQuery("meta[name=keywords]").each(function(){
      all += jQuery(this).attr("content") + "\n";
    });
    jQuery("#tagCloud").html(all);