Question

我有以下jQuery代码：

$(".container").append("<a href='javascript:void(0)'onClick='showField('"+data.name+"','"+data.text+"');'>Edit</a>");

正在输出（在4之前和>edit之前注意引用问题：

<a href="javascript:void(0)" onclick="showField("4','school_type');'>Edit</a>

什么时候应该输出：

<a href="javascript:void(0)" onclick="showField('4','school_type');">Edit</a>

Answer 1

在\"中尝试'而不是onClick：

$(".container").append("<a href='javascript:void(0)' onClick=\"showField('"+data.name+"','"+data.text+"');\">Edit</a>");

Answer 2

您需要使用"

转义\

$(".container").append("<a href='javascript:void(0)' onClick='showField(\""+data.name+"\",\""+data.text+"\");'>Edit</a>");

Live DEMO

Answer 3

虽然这个回复是在晚些时候发布的，但是你也可以用这样的东西实现你想要的：

    var element = '<p class = ' + '"capitals"' + '> This is a new paragraph</p>'
    $(".container").append(element);

如果您将上述代码打印到调试控制台，将打印以下输出：

     <p class = "capitals">This is a new paragraph</p>

您可以将双引号和单引号组合使用，以此类似'""'来打印双引号。另一个例子：

        var doublequotedtext = '"Hello"'; 
        debug.print(doublequotedtext);

将上述内容应用于您的代码：

       var element = '<a href = ' + '"javascript:void(0)"' + 'onClick = ' + '"showField(data.name,data.text);"' + '>Edit</a>'
       $(".container").append(element);

字符串中的jQuery变量，引号内的引号

3 个答案: