javascript - 排除第一个字符串附加到字符

Question

FIDDLE Example

我正在学习如何将 div.query 元素中的所有数据属性附加到 url 字符串:http://web.com?get=

使用脚本我可以得到这个结果:

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

但是有没有办法不让第一个加上“|”这样 url 应该是

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

我想得到那个结果，因为 http://web.com?get=|Africa|Asia|Europe或 http://web.com?get=Africa|Asia|Europe| 将无效。有什么建议吗？

JS:

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

HTML:

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

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

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

Answer 1

最简单的方法是将所有国家拉到一个数组中，然后使用竖线符将它们连接起来。

var terms = $('.query').map( function() {
    return $(this).data('term');
}).get().join('|');

var source =  $('#main').data('source');

$('.result').html( source + terms );

Demo