javascript - 将每个字符串 block 附加到不同的 url 地址

Question

请看一下这个fiddle

我使用 splice 将一个数组分成三个小数组。谁能告诉我如何将它们附加到示例中数据源属性中的 url 中？我希望输出是这样的:

<div class="site" data-source="http://url.com/?query=A|B"></div>
<div class="site" data-source="http://url.com/?query=C|D"></div>
<div class="site" data-source="http://url.com/?query=E|F"></div>

示例的 HTML:

<div data-term="A" class="selector"></div>
<div data-term="B" class="selector"></div>
<div data-term="C" class="selector"></div>
<div data-term="D" class="selector"></div>
<div data-term="E" class="selector"></div>
<div data-term="F" class="selector"></div>

<div class="site" data-source="http://url.com/?query="></div>
<div class="site" data-source="http://url.com/?query="></div>
<div class="site" data-source="http://url.com/?query="></div>

jQuery:

    var terms = $('.selector').map( function() {
    return $( this ).data('term');
}),chunks;

while (terms.length > 0) {
    chunks = terms.splice(0,2);
    var see = chunks.join('|');
    console.log(see);   
    }

Answer 1

使用attr():

/*get terms per OP code */

$('.site').attr('data-source',function(i, prev){
   return prev+terms.splice(0,2).join('|');       
});

DEMO