jQuery:将第n个单词包装成一个范围 [英] jQuery: wrap every nth word in a span

问题描述

在jquery中是否可以将第n个单词包装在一个跨度中

Is it possible in jquery to wrap each nth word in a span

所以可以说我有html字符串

so lets say I have the html string

<h3>great Prices great Service</h3> 

这将被包装如下(每个第二个单词)

this will be wrapped as follows ( each 2nd word )

<h3>great <span>Prices</span> great <span>Service</span></h3> 

任何帮助将不胜感激

推荐答案

var h3 = $('h3');
var text = h3.text().split(' ');

for( var i = 1, len = text.length; i < len; i=i+2 ) {
    text[i] = '<span>' + text[i] + '</span>';
}
h3.html(text.join(' '));

http://jsfiddle.net/H5zzq/

或

var h3 = $('h3');
var text = h3.text().split(' ');

$.each(text,function(i,val) {
    if( i % 2) {
        text[i] = '<span>' + val + '</span>';
    }
});
h3.html(text.join(' '));

http://jsfiddle.net/H5zzq/1

要按照您在注释中的要求处理&，我创建了一个offset变量，该变量在遇到任何变量时都会递增.

To deal with & as you requested in your comment, I created an offset variable that is incremented whenever one is encountered.

var h3 = $('h3');
var text = h3.text().split(' ');
var offset = 0;

for( var i = 1, len = text.length; i < len; i++ ) {
    if( text[i] === '&' ) {
        offset++;
    } else if( (i-offset) % 2 ) {
        text[i] = '<span>' + text[i] + '</span>';
    }
}
h3.html(text.join(' '));

http://jsfiddle.net/H5zzq/3

这篇关于jQuery:将第n个单词包装成一个范围的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！