Question

是否可以在jquery中将每个第n个单词包装在一个范围

中

所以我想说我有html字符串

<h3>great Prices great Service</h3>

这将包装如下（每个第二个单词）

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

任何帮助将不胜感激

Answer 1

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变量，只要遇到一个变量就会递增。

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

Answer 2

您可以通过首先获取<h3>元素的文本，然后将字符串拆分为数组，在for循环中循环遍历数组，以及每当迭代器{{1}是偶数，将i标记添加到当前单词。然后，只需重建字符串并将其作为span标记的text属性插入。

jQuery：在一个范围内包装每个第n个单词

2 个答案: