在JQuery中突出显示文本区域

我有一个HTML表格，它有三列

i、 e错误-用户输入-格式正确

当我将鼠标悬停在桌子上时，行高亮显示

\CSS

当我悬停并执行此操作时，我希望文本也在文本区域中高亮显示

i、 e如果我将鼠标悬停在第一行上，我希望用户输入列中的文本在文本区域中也是粗体的，这样用户就可以看到错误所在

i、 e错误-用户输入-格式正确 航班号12[0-9]{3}

因此，当我将鼠标悬停在该行上时，我希望它在文本区域中搜索12，并在找到的每12处加粗一次，对其他行也是如此

总结 如果找到，则文本区域中的用户输入列中有什么内容

---

到目前为止，我所拥有的是这样的：当你将鼠标悬停在标题中的一行上，一列并加粗其中的文本，但同时加粗在文本区域中找到的文本，我认为你不能在文本区域中添加标记（例如

STRONG

标记）。您还可以应用哪些视觉样式

如果您有一个

DIV

，而不是一个文本区域（比如contenteditable），您可以执行以下操作：

$('tr').hover(function() {
    var ta = $(this).find('.textarea');
    ta.html(ta.html().replace(/12/g,'<strong>12</strong>'));
});

---

你能用你的标记/css设置一个例子吗？你不能给td添加一个边框吗？如前所述，你不能将内联标记应用到文本区域，你需要使用contenteditable。是的，这就是我想要的，但这不可能仅在textarea中实现？不，textarea会转义所有HTML，因此不能在其中添加标记。

$('tr').hover(function() {
    var ta = $(this).find('.textarea');
    ta.html(ta.html().replace(/12/g,'<strong>12</strong>'));
});

$('tr').hover(function() {
    var text = [];
    $.each($(this).find('td'), function() {
        text.push($.trim($(this).text()));
    });
    highlight(text);
},function() {
    highlight(null);
});

var area = $('div[contenteditable]');

function highlight(what) {
    area.html(area.html().replace(/<strong\/?>/g,''));
    $.each(what || [], function(i, val) {
        area.html(area.html().replace(new RegExp(val,'gi'),'<strong>'+val+'</strong>'));
    });
}