用来自不同元素中的数据属性的字符串替换url的部分

Question

请看一下 FIDDLE 。有没有办法从所有div.query获取数据属性并用它们替换部分网址？例如，我有这个URL：

http://web.com?get=placeholder|placeholder|placeholder

如何使用数据属性替换占位符以使其成为

http://web.com?get=Africa|Asia|Europe

订单并不重要。任何建议或替代方案（在主网址之后追加查询）？

HTML：

<div id="main" data-source="http://web.com?get=placeholder|placeholder|placeholder"></div>

<div class="query" data-term="Africa"></div>
<div class="query" data-term="Asia"></div>
<div class="query" data-term="Europe"></div>

脚本：

$( document ).ready(function() {
   $(".query").each(function() { 
     var div_terms  =  $(this).data('term'),
     source =  $('#main').data('source');
     $('.result').html(source.replace('placeholder',div_terms))
   });
});



<div class="result"></div>

Answer 1

http://jsfiddle.net/cHtT6/1/

您错过了更新'#main'中的内容。