Question

我正在尝试使用jquery创建一个动态标签云，我希望它从页面中提取关键字，然后将它们吐出一个div，但我不知道如何去做 - 我知道我怎么做如果它是php，那就去做，但是jquery就不那么好了。

我已创建变量“keywords”

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

jquery将foreach附加到div

2 个答案: