我正在学习如何将div.query
元素的所有数据属性附加到url字符串:http://web.com?get=
使用脚本可以得到以下结果:
"http://web.com?get=|Africa|Asia|Europe"
但是有没有办法不要让第一个与“ |”耦合 因此网址应为
"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>
最简单的方法是将所有国家/地区拉到一个数组中,然后使用竖线字符将它们加入。
var terms = $('.query').map( function() {
return $(this).data('term');
}).get().join('|');
var source = $('#main').data('source');
$('.result').html( source + terms );
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句