Javascript-如何在 onclick 事件中将数组作为参数传递？

Question

我有一个要传递给 javascript onclick 函数的数组。我在按钮的 onclick 事件中发送该数组。 onclick 函数返回我 [object Object]。有没有其他方法可以用数组调用该函数？

这是我的代码：

var data_type= $.parseJSON(data_playtype[1]);//{"1":"apple","2":"orange","23":"berry","8":"grape","9":"mango"}


str1.push('<td><a href="javascript:void(0)" onClick="showABC(\''+data_type+'\')">'Data'</td>');



function showABC(fruit){

    $.each(fruit,function(pid,pt){
        alert(pt);
    });

}

Answer 1

我有一个要传递给 javascript onclick 函数的数组。 我在按钮的 onclick 事件中发送该数组。 onclick 函数返回我[对象对象]。有不同的方法吗 用数组调用那个函数？

注意，data_type 在js 上似乎不是Array； data_type 似乎是 Object

---

尝试使用 .on() ，在 click 事件处理程序中以 data_type 为参数调用 showABC()。

var data_playtype = [];

data_playtype[1] = JSON.stringify({
  "1": "apple",
  "2": "orange",
  "23": "berry",
  "8": "grape",
  "9": "mango"
});

var data_type = $.parseJSON(data_playtype[1]);
//{"1":"apple","2":"orange","23":"berry","8":"grape","9":"mango"}

var str1 = [];
str1.push("<td><a href=javascript:void(0)>Data</a></td>");

function showABC(fruit) {

  $.each(fruit, function(pid, pt) {
    alert(pt);
  });

};

$("table tbody").append(str1).find("a")
  .on("click", function() {
    showABC(data_type)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tbody></tbody>
</table>

Answer 2

DEMO

使用内联 JS 不是一个好主意。我会使用数据属性来保存数据，如下所示：

var data_type = .....;
var link = $('<a/>').data('data_type', data_type).html('Data');
str1.push( $('<td/>').html( link ) );

//event handler
link.on('click', function(e) {
    e.preventDefault();
    var data_type = $(this).data('data_type');
    .....
});

参考：https://api.jquery.com/data/

.data(key, value)

键

类型：字符串 一个字符串，命名要设置的数据。

价值

类型：随便 新的数据值；这可以是除 undefined 之外的任何 Javascript 类型。