javascript - 将 url 的部分内容替换为不同元素中数据属性中的字符串

Question

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

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

如何用数据属性替换占位符，使其变为

http://web.com?get=非洲|亚洲|欧洲

顺序并不重要。有什么建议或替代方案(在主网址后逐个附加查询)吗？

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' 中的内容。