如何使用正則表達式和jQuery替換爲兩個獨立的字符串並使用兩個單獨的替換字符串？

Question

我使用jQuery嘗試這樣的事：

$('input').keyup(function(e){ 
    var val = $(this).val(); 

    var smileString = val.replace(/[:][)]/g, '<img src="smile.png" />'); 
    $('#regexoutput').html(smileString); 

    var frownString = val.replace(/[:][(]/g, '<img src="frown.png" />'); 
    $('#regexoutput').html(frownString); 
}) 

有沒有辦法用一個表達式來做到這一點？以上代碼僅適用於底層替換。

Answer 1

$('input').keyup(function(e){ 
    var val = $(this).val(); 

    var smileString = val.replace(/[:][)]/g, '<img src="smile.png" />'). 
     replace(/[:][(]/g, '<img src="frown.png" />'); 

    $('#regexoutput').html(smileString); 

}); 

Answer 2

我想你想

$('input').keyup(function(e){ 
    var val = $(this).val(); 

    val = val.replace(/[:][)]/g, '<img src="smile.png" />'); 
    val = val.replace(/[:][(]/g, '<img src="frown.png" />'); 

    $('#regexoutput').html(val); 
}) 

你也可以用一個replace操作做，如果你做的第二ARG是檢查匹配字符串並返回正確結果的函數。

未經測試：

val = val.replace(/:\)/g, function (s) { 
     var fn = s == ':)' ? 'smile' : 'frown'; 
     return '<img src="' + fn + '.png" />' 
     });