`DEMO`

Question

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

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

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

但是有没有办法让第一个与＃34; |＆＃34;所以网址应该是

"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

Answer 2

http://jsfiddle.net/cHtT6/3/

您只需将结果网址中的第一个'|'替换为空字符''。

Answer 3

简单使用javascript join 功能

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

小提琴here

Answer 4

使用if语句检查它是否是第一个＆＃39;数据 - 术语＆＃39;。如果是，那么不要使用|字符。然后在else语句中，你就像你已经完成的那样做了

Answer 5

`DEMO`

只需检查是否达到了这样的结束：

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

此时达到上一学期。在所有其他情况下，只会自动附加"" "|"。

排除第一个字符串被附加到字符

5 个答案:

`DEMO`