jQuery的條件的正則表達式返回輸出

Question

是否可以使用正則表達式和jQuery返回有條件的輸出，我想換成方括號的圖片環繞數字：

[1]將成爲<span><img src="1.png"></span>

在那裏我有[11]它會取代它成爲

<span><img src="1.png"><img src="1.png"></span>

在那裏我有[1e1]它會取代它成爲

<span><img src="1.png"><img src="e.png"><img src="1.png"></span>

但是如果只是文字將保留原樣無論長短

[qu]將成爲<span><img src="qu.png"></span>

這是我的代碼至今：

$('p').each(function() { 
    var txt = $(this).text();    
    var html = txt.replace(/\[(.*?)\]/g, function($1){ 

     if($1.length<=3) { 
      return $1.replace(/\[(.*?)\]/g,'<span class=\'rehMark\'><img src="img/$1.png" alt="$1" /></span>') 
     }else{ 

// this is the bit I would like help with! 
// and how to deal with text rather than numbers 

      return '<span class=\'lngRehMark\'>' 

      for (i=0; i<$1.length; i++) 
      { 
       return '<img src="img/' + $1 + '.png" alt="' + $1.length + '" /></span>' 
      } 
      return '</span'>' 
     } 
    }); 

    $(this).html(html); 
}); 

Answer 1

您可以使用split,map和join將[12]到<img>元素的數組。

還要注意，替換回叫的第一個參數包含完全匹配的字符串（例如[11]），而不是第一個匹配的組（例如11）。

$('p').each(function() { 
    var txt = $(this).text();    
    var html = txt.replace(/\[([^\]]*)\]/g, function(match, chars){ 
     var images; 
     if (chars.match(/^[^0-9]*$/)) 
      images = '<img src="img/' + chars + '.png" />'; 
     else 
      images = $(chars.split('')) 
       .map(function() { return '<img src="img/' + this + '.png" />'; }) 
       .get().join(''); 
     return '<span class=\'lngRehMark\'>' + images + '</span>'; 
    }); 

    $(this).html(html); 
});