javascript - javascript onclick関数のパラメータとして/を使用して変数を渡す方法

Question

変数に設定されたパスがあります

var imagepath = "../Resources/Images/teamLogo1.png";

画像をクリックすると、これを onclick 関数のパラメーターとして渡す必要があります

ここでフィドルを確認してください

画像を追加していて、そこに onclick 関数を記述する必要があります 編集: 完全なコードを含む

$(document).ready(function(){
var imagepath = "../Resources/Images/teamLogo1.png";
    $("#Testing").append('<img src="http://www.magerempowerment.com/v2/blog/wp-content/uploads/2012/07/doubt_dice.jpg" onClick="testfunction('+ imagepath + ')">');

});

function testfunction(imagepath){
alert(imagepath);
};

Answer 1

値は文字列なので、で囲む必要があります。''

$(document).ready(function () {
    var imagepath = "../Resources/Images/teamLogo1.png";
    $("#Testing").append('<img src="http://www.magerempowerment.com/v2/blog/wp-content/uploads/2012/07/doubt_dice.jpg" onClick="testfunction(\'' + imagepath + '\')">');

});

function testfunction(imagepath) {
    alert(imagepath);
};

デモ:フィドル

Answer 2

作成しているため、関数は呼び出されませんので、次img dynamicallyのように試してください。

HTML

$("#Testing").append('<img src="http://../doubt_dice.jpg" data-path="'+imagepath+'">');

脚本

$(document).on('click','img',function(){
    console.log($(this));
    alert($(this).data('path'));
});

フィドル

Answer 3

使用する.prop

$('img').click(function(){
   alert($(this).prop('src')); 
});