javascript - 如何使用 regex 和 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(); 

    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" />' 
      });

Answer 2

$('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);

});