jquery - 使用 Jquery append 在 javascript onclick 事件中引用中断代码

Question

我试图在 on click javascript 函数中传递两个参数。我需要将参数括在引号中。当我将它括在单引号中时，它会破坏从图像开始的引号，而当我使用双引号时，它会破坏 javascript 前面的引号。我如何附上它不会破坏我的代码？

$("#Div").append('<img id ="myImage" src ="/images/myimage.png"  onclick="javascript:myfunction('addnew',$("#field").val())"/> Error.')

Answer 1

您必须使用反斜杠转义引号，如下所示：

$("#Div").append('<img id ="myImage" src ="/images/myimage.png"  onclick="javascript:myfunction(\'addnew\',$("#field").val())"/> Error.')

Answer 2

试试这个，你需要逃避撇号\：

$("#Div").append('<img id ="myImage" src ="/images/myimage.png" onclick="javascript:myfunction(\'addnew\',$("#field").val())"/> Error.')

Answer 3

你可以这样做：

$("#Div").append( $( "<img>", {

    id: "myImage",

    src: "/images/myimage.png",

    click: function() {
        myfunction( 'addnew', $("#field").val() );
    }

}), " Error." );

Answer 4

转义周围的单引号\'addnew\'：

$("#Div").append('<img id ="myImage" src ="/images/myimage.png"  onclick="javascript:myfunction(\'addnew\',$("#field").val())"/> Error.')