添加onclick函数以在$（'＃data'）中动态创建html。append（）

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

连接

＆＃13;

＆＃13;

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);
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您的语法不正确。你输入i作为字符串的一部分，而不是变量。

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