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屬性插入。