jQuery的：在一个跨度包装的每个第n个字

Question

是否有可能在jQuery的包裹在一个跨度

所以可以说我有HTML字符串

<h3>great Prices great Service</h3> 

这将包裹如下每一个第n词（每第二个字）

<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循环中的数组，并且每当迭代器i为偶数时，将span标记添加到当前单词。然后，重建字符串并将其作为<h3>标记的text属性插入。