jquery:如何在出现逗号时向文本添加新行

Question

我有一个文本框，它从用户那里获取多个电子邮件 ID。并在工具提示中显示它，但我需要在新行中显示每封电子邮件(以逗号分隔)。
为此，需要检测逗号并为其添加换行符。

HTML 是

  <input type="text" id="email"> <div id="ttip"></div>

工具提示的 jquery

$("#email").keyup(showTooltip);

var showTooltip = function(e) {
    var tooltip = $(this).val();
    if (tooltip == '') {
        hideTooltip();
    } else if (e.which == 188) {
        tooltip += "<br>";
        $("#ttip").fadeIn().html(tooltip);
    } else {
        $("#ttip").fadeIn().html(tooltip);
    }
}​

因此，当我的工具提示显示在 div 中时，它没有检测到 <br>并且它显示在同一行上。
我该如何解决？

Answer 1

尝试:

$("#email").keyup(showTooltip);

            var showTooltip=function(e){
            var tooltip=$(this).val();
                    if(tooltip ==''){
                            hideTooltip();
                    }else if(e.which == 188){
                           tooltip = tooltip.replace(/,/g,"<br />");
                            $("#ttip").fadeIn().html(tooltip);
                    }else{              
                            $("#ttip").fadeIn().html(tooltip);
                    }   
            }