标签在语法突出显示中消失

Question

我尝试使用 Jquery JavaScript 创建自己的语法突出显示。

这是 JavaScript ：

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() { 

$('pre').html("<div class=\"table\">\n<div class=\"column\">" +
$.map($('pre').text().split('\n'), function(t, i) {
    return "<div>" + (i+1) + "</div>";
}).join("\n") + "</div>\n<div class=\"column\">" +
$.map($('pre').text().split('\n'), function(t) {
    return "<div>" + t + "</div>";
}).join("\n") + "</div>\n</div>");

});
//]]>
</script>

当我使用如下代码时，一切正常：

<pre>
var text1 = "some string";
var text2 = "some string";
</pre>

问题是，当我像这样使用它时，什么也没出现：

<pre>
<div class="myclass">
<div class="parent">
<div class="child">
Some text
</div>
</div>
</div>
</pre>

如果我使用这样的代码，则只会部分出现：

<pre>
<script type="text/javascript">
var a = 1;
var b = 2;
var text = 'some text';
</script>
</pre>

有解决方案吗？

请帮助，谢谢。