jquery дописывать foreach к div

Question

Я пытаюсь создать облако динамических тегов с помощью jquery, я хочу, чтобы он извлекал ключевые слова со страницы, а затем выплевывал их в div, но я не уверен, как это сделать - я знаю, как я могу это сделать, если Это был PHP, но просто не очень хорошо в jquery.

Я создал свою переменную "ключевые слова"

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

Теперь, как мне сделать foreach для добавления div "tagCloud" следующим образом:

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

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

</div>

и так далее... если бы кто-то мог мне помочь, это было бы здорово:)

Answer 1

Предполагая, что вы хотите, чтобы облачные ключевые слова были ссылками (якорями):

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

Answer 2

Я бы сделал это:

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