jquery 将 foreach 附加到 div

发布于 2024-08-12 06:57:22 字数 423 浏览 9 评论 0原文

我正在尝试使用 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>

等等..如果有人可以帮助我，那就太棒了:)

原文

I'm trying to create a dynamic tag cloud using jquery, I want it to pull the keywords from the page and then spit them out in a div, but am not sure how to go about it - I know how I could do it if it were php, but just not so good at jquery.

I've created my variable "keywords"

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

Now how do I go about doing a foreach for it to append the div "tagCloud" like this:

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

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

</div>

and so forth.. if someone could help me, that'd be fantastic :)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

诺曦 2024-08-19 06:57:22

假设您希望云关键字成为链接（锚点）：

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

Assuming you want the cloud keywords to be links (anchors):

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

回复收藏 0 原文

李白 2024-08-19 06:57:22

我会这样做：

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

I'd do this :

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

回复收藏 0 原文

~没有更多了~