Javascript 为逗号分隔的单词生成搜索链接

一如既往，您的帮助非常宝贵**请查看此信息。如果您看到的警报消息是您正在寻找的，那么您只需要将其附加到div中。

编辑

$（'.tags'）。每个（函数（）{
var s=$（this.html（））
a=s.split（'，'）；
var temp=“”；
对于（变量i=0；i

这里是一个使用jQuery构建的工作函数，尽管可以轻松地转换为基本JavaScript：

jQuery:

<script>
    $(function(){
        $('.tags').each(function(){
            var obj=$(this),tags=obj.text().split(','),i=0,len=tags.length;
            if(obj.text()) {
                for(i;i<len;i++) {
                    var tag=tags[i].replace(/(^\s*)|(\s*$)/g,'');
                    tags[i]='<a href="http://oursite.com/search?query='+encodeURIComponent(tag)+'">'+tag+'</a>';
                }
                obj.html(tags.join(', '));
            }
        });
    });
</script>

<div class="tags">abp, accredited building practitioners, calendar of events, upcoming events</div>
<div class="tags">test, another test, some more testing, etc</div>
<div class="tags">the, code, needed, to, be , in, an, each(), loop</div>
<div class="tags"></div>
<div class="tags">random, words, that, show, work, hopefully</div>
<div class="tags">the, return, false, was, causing, problems</div>
<div class="tags"></div>

$（函数（）{
$（'.tags'）。每个（函数（）{
var obj=$（this），tags=obj.text（）.split（'，'），i=0，len=tags.length；
if（obj.text（））{
对于（我；我已经发布了一个答案。让我知道它是否解决了你的问题。我的答案未注明日期。这在链接[更新]中效果良好把你的答案也贴在这里，而不仅仅是在fiddle@cloudYturtle我只有基本的JS经验，你能告诉我如何将其附加到div中吗？：d非常感谢你，它100%完美地工作。你是最好的！实际上，似乎有一个问题。div在每页结果中出现10次。每个结果一次。它复制了sa现在每个div的me标记，是否可以使每个div彼此独立？很抱歉，只需将代码包装在each（）中循环；我已经用包含的循环更新了我的答案。太棒了，它工作得很好，这是我的一个巨大的感谢：D小错误，如果没有标签，它会打印一个空白链接，因为不幸的是，即使没有关键字，网站仍然会绘制DIV:/I从未在空的
DIV
上测试过这一点，但是我已经更新了代码w在尝试解析标记之前，只需检查
DIV
中的文本。
<script>
    $(function(){
        $('.tags').each(function(){
            var obj=$(this),tags=obj.text().split(','),i=0,len=tags.length;
            if(obj.text()) {
                for(i;i<len;i++) {
                    var tag=tags[i].replace(/(^\s*)|(\s*$)/g,'');
                    tags[i]='<a href="http://oursite.com/search?query='+encodeURIComponent(tag)+'">'+tag+'</a>';
                }
                obj.html(tags.join(', '));
            }
        });
    });
</script>

<div class="tags">abp, accredited building practitioners, calendar of events, upcoming events</div>
<div class="tags">test, another test, some more testing, etc</div>
<div class="tags">the, code, needed, to, be , in, an, each(), loop</div>
<div class="tags"></div>
<div class="tags">random, words, that, show, work, hopefully</div>
<div class="tags">the, return, false, was, causing, problems</div>
<div class="tags"></div>