转义数据表变量中的单引号

Question

我有一个 jQuery 数据表，我正在尝试使用弹出框来显示一些评论，但是包含单引号的评论会阻止弹出框显示整个评论。

在数据表单元格中，将显示整个注释。 不知道为什么弹出框无法显示整个评论。

这是数据表的代码（尽可能简化）：

 $.ajax({
   url: 'process/getTargetSheet.php',
   type: 'POST',
   data: '',
   dataType: 'html',
   success: function(data, textStatus, jqXHR){
     var jsonObject = JSON.parse(data); 
     var table = $('#example1').DataTable({
       "dom": "Rlfrtip",
       "data": jsonObject,
       "columns": [
         {
           "data": "tsc_tgcomment",
           "fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
           {
             var tccomment = oData.tsc_tgcomment;

             $(nTd).html("<a tabindex='0' class='tcDisplay' 
                           data-toggle='popover' data-trigger='focus' 
                           data-content='"+tccomment+"' id='tcDisplay' 
                           data-toggle='modal'>"+tccomment.substring(0, 50)+"...</span>");

             $(function () {
               $('[data-toggle="popover"]').popover();
             });
           },
           // some more columns
         }
       ]
     });
   },
   error: // nothing important here
 });

所以在上面的 $(nTd) 部分，你会看到我将 tccomment 添加到弹出窗口的位置。 但是带有引号的字符串无法显示整个注释。

我尝试以这种方式使用“转义”：

data-content='"+escape(tccomment)+"'

但是注释打印出来的超出了弹出框，并包含了一堆百分号。

如何解决此问题以在弹出窗口中显示整个评论？

Answer 1

你可以使用 .replace 这个像

var a = "'带单引号的东西'"

var b = a.replace(/'/g,'"');

那么它们都是双引号。 如果你想要一个不同的字符或根本没有引号，你可以修改替换函数的结尾。

Answer 2

这就是我让它工作的方式，虽然单引号现在是双引号：

data-content='"+JSON.stringify(tccomment).replace(/&/, "&").replace(/'/g, """)+"'