在$（'＃data'）。append（）內部動態創建的HTML中添加onclick函數

Question

我在for循環內有以下代碼行

for (var i = 0; i < details.length; i++){
$('#data').append('<div class="time" onclick=showAndroidToast(details[i])></div>);
}

showAndroidToast函數正在被調用，但是它說i is undefined

Answer 1

使用+ operator連接

 var details = [1, 2, 3, 4, 'Hello']; for (var i = 0; i < details.length; i++) { $('#data').append('<div class="time" onclick="showAndroidToast(\\'' + details[i] + '\\')">Element</div>'); } function showAndroidToast(val) { console.log(val); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <div id='data'></div> 

Answer 2

您的語法不正確。 您將i作為字符串的一部分而不是變量輸入。

'<div class="time" onclick=showAndroidToast(' + details[i] + ')></div>'