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

前端之家收集整理的这篇文章主要介绍了jQuery:在一个范围内包装每个第n个单词前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能在jquery中包含跨度中的每个第n个单词

所以我要说我有html字符串

  1. <h3>great Prices great Service</h3>

这将包装如下(每个第二个字)

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

任何帮助将不胜感激

@H_301_13@解决方法
  1. var h3 = $('h3');
  2. var text = h3.text().split(' ');
  3.  
  4. for( var i = 1,len = text.length; i < len; i=i+2 ) {
  5. text[i] = '<span>' + text[i] + '</span>';
  6. }
  7. h3.html(text.join(' '));

http://jsfiddle.net/H5zzq/

要么

  1. var h3 = $('h3');
  2. var text = h3.text().split(' ');
  3.  
  4. $.each(text,function(i,val) {
  5. if( i % 2) {
  6. text[i] = '<span>' + val + '</span>';
  7. }
  8. });
  9. h3.html(text.join(' '));

http://jsfiddle.net/H5zzq/1

处理&正如您在评论中所要求的那样,我创建了一个偏移量变量,只要遇到一个变量就会增加.

  1. var h3 = $('h3');
  2. var text = h3.text().split(' ');
  3. var offset = 0;
  4.  
  5. for( var i = 1,len = text.length; i < len; i++ ) {
  6. if( text[i] === '&' ) {
  7. offset++;
  8. } else if( (i-offset) % 2 ) {
  9. text[i] = '<span>' + text[i] + '</span>';
  10. }
  11. }
  12. h3.html(text.join(' '));

http://jsfiddle.net/H5zzq/3

猜你在找的jQuery相关文章