jquery - Jqueryappendを使用してjavascriptonclickイベントのコードを壊す引用

Question

onclickjavascript関数で2つの引数を渡そうとしています。引数を引用符で囲む必要があります。一重引用符で囲むと、画像から始まる引用符が壊れ、二重引用符を使用すると、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.')