Jquery 跨度不包裹在div内

我试图通过在字段后面放置一个

div

并复制值来突出显示textarea单词

$("div").html($("textarea").text()
   .replace("bad-word", "<span style='background-color: red'>bad-word</span>"))

$（“div”）.html（$（“textarea”）.text（）
.替换（“坏词”、“坏词”））

我模拟了它，它在铬上工作得很好。但是在IE中，

span

s似乎不会跳转到

div

的下一行，因为该行中的单词太大了。相反，它似乎会产生一种断字的效果，

textarea

没有这种效果，因此单词不再对齐。在IE8+9中测试

截图，IE 9中的代码结果

这是一个例子。试着在文本区域的开头添加一个字母，你就会明白我的意思。

$("#g1").val("This is me talking about pizza, cheese and also other pizza too hello! how are you?");

$("#g1").keyup(function(e) {
    keyUp(this);
})

function keyUp( el ) {
    var txtArea = $(el);
    var txtAVal = txtArea .val();
    txtAVal = txtAVal.replace(/pizza/gi, "<span style='background:red'>pizza</span>");
    $("#g2").html(txtAVal );
}

$（“#g1”）.val（“这是我在谈论比萨饼、奶酪和其他比萨饼，你好吗？”）；
$（“#g1”）.keyup（函数（e）{
keyUp（这个）；
})
功能键控（el）{
var txtArea=$（el）；
var txtAVal=txtArea.val（）；
txtAVal=txtAVal.replace（/pizza/gi，“pizza”）；
$（“#g2”）.html（txtAVal）；
}

woow您正在编写javascript，但您缺乏HTML标记方面的知识<代码>元素真的很喜欢有一个

讽刺的是，使用糟糕的HTML试图检测糟糕的语言…亲爱的IE。。。你为什么这么有问题？@VukašinManojlović它不是IE，所有其他浏览器都是；D@roXon我喜欢那个童话……；）