javascript - 替换 元素中的特殊字符的问题

Question

我正在尝试使用 jQuery 插件来突出显示我的代码段 This Demo但浏览器假设

<pre class="php">
  <?php     
      echo "My first PHP script!"; 
  ?> 
 </pre>

原本是 PHP 代码，确实如此!现在的解决方案是将所有 < 替换为 <和 > 与 >

里面<pre class="php"></pre>

现在请告诉我如何使用 jQuery 将所有 < 和 > 字符替换为 <和>在加载页面之前？

谢谢

Answer 1

所以你得到了 <? 的数据标签，对您来说更好的方法是将代码服务器端的输出替换为 <和>但如果你正在寻找肮脏的 js 解决方案，那就是:

$('.php').each(function() {
    var $this=$(this);
    $this.text($this.html().replace(/\<\!--\?([\s\S]*?)-->/g,'<?$1>'));
});

http://jsfiddle.net/oceog/x974w2d9/

我不记得是否有浏览器替换了 <?与 <!--?但 Chrome 确实如此。如果您有一些随机示例，例如 http://jsfiddle.net/oceog/x974w2d9/2/，则 js 解决方案将不起作用.