javascript - 在 JS 代码 (Jquery) 中连接 '

Question

大家好，我的 js 代码中的 ' 和 "有问题。

   $(".searchResultsMember table").append("<tr>" +
              "<td>" +
              "<a href='#' title='Statistik' data-container='body' 
data-toggle='tooltip' data-placement='bottom' onclick='open_statistic('/memberships/statistik/', '"+ 
data.results[i].firstname +" "+ 
data.results[i].lastname +"','"+ data.results[i].id +
"');return false; '><img src='/images/iconpack/table.png' alt='Statistic'/></a> "+
     [....]

问题出在 onclick 部分..有人可以帮我解决这个问题吗？

Answer 1

在 JavaScript 中，你可以混合搭配 ' 和 " 只要你成对使用它们，例如:

var x = "a";
var y = 'b';

您也可以将它们组合在同一行中，例如:

var z = "a" + 'b';

所以你根据内容选择你需要的那个(除非你有一些不理解这个的人写的一些邪恶的编码标准(我已经看到了..))

连接一个单引号，用双引号括起来，反之亦然，例如:

var x = "'" + '"';   x == '"

这也适用于属性:

<a href="#" title='double quote (")'>
<a href="#" title="single quote (')">

因此您可以通过更改引号来修复您的代码:

$(".searchResultsMember table").append(
          "<tr>"
          + "<td>"
          + "<a href='#' title='Statistik'" 
          + " data-container='body' data-toggle='tooltip' data-placement='bottom'"
          + ' onclick="open_statistic('  
          + "'/memberships/statistik/', '"
          + data.results[i].firstname 
          + " " 
          + data.results[i].lastname 
          + "','" 
          + data.results[i].id 
          + "');return false; "
          + '">'
          + "<img src='/images/iconpack/table.png' alt='Statistic'/></a> "+
[....]

---

但是，上面已经为您完成了这些 - 这真的很令人困惑! (因此容易出错)

所以把它分解成带有变量的步骤，并且只分解双引号，例如:

var onclick = "open_statistic('/memberships/statistik/', '" + ... + "');return false;";

$(".searchResultsMember table").append(
          "<tr>"
          + "<td>"
          + "<a href='#' title='Statistik'" 
          + " data-container='body' data-toggle='tooltip' data-placement='bottom'"
          + " onclick=" + '"' + onclick + '"' + ">" 
          ....