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

请看一下这个。有没有办法从所有

div.query

中获取数据属性并用它们替换url的一部分？例如，我有以下URL：

http://web.com?get=placeholder|占位符|占位符

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

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

顺序不重要。是否有任何建议或备选方案（在主url后依次追加查询）

HTML:

脚本：

$( 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>

$（文档）.ready（函数（）{
$（“.query”）.each（函数（）{
var div_terms=$（this）.data（'term'），
source=$（'#main'）。数据（'source'）；
$（'.result'）.html（source.replace（'placeholder'，div_terms））
});
});

您刚刚错过了更新

“#main”中的内容

您刚刚错过了更新
“#main”中的内容

您刚刚错过了更新
“#main”中的内容

您刚刚错过了更新
“#main”
中的内容

$( 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>