jquery - jqueryはforeachをdivに追加します

Question

jqueryを使用して動的タグクラウドを作成しようとしています。ページからキーワードを取得してdivに吐き出したいのですが、どうすればよいかわかりません。それはphpでしたが、jqueryはあまり得意ではありませんでした。

変数「キーワード」を作成しました

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

次に、次のようにdiv「tagCloud」を追加するためにforeachを実行するにはどうすればよいですか。

<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);