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

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

$($('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);