将JSON对象传递给onclick函数

debugcn 发表于 Dev

用户11

我正在尝试将JSON对象传递给onclick函数，但是它不起作用。

$.each(matches, function() {                        
    var item_data = { 
        "category" : this['category_name'],
        "stock" : this['stock_name'],
        "supplier_stock" : this['supplier_stock_name']
    };

    available_stock_items = available_stock_items + '<tr> \
        <td>' + this['category_name'] + '</td> \
        <td>' + this['stock_name'] + '</td> \
        <td>' + this['supplier_stock_name'] + '</td> \
        <td align="center"><img src="' + $j('#edit-vardru-base-path').val() + 'sites/all/modules/core/images/add.png" onClick="select_item('+ item_data +');" /></td> \
        </tr>';
});

function select_item(data)
{
    console.log("***********PRINT***************");
    console.log(data);
}

我在控制台窗口中收到此错误“未捕获的SyntaxError：意外的标识符”。

编辑：现在我正在尝试item_data使用事件委托传递数据（）。我在$ .each（）中添加了以下代码。点击事件时调用了回调函数，但我无法访问item_data。

$j(document).delegate("#row-"+count, "click", function(item_data){
                        alert("TEST");
                        console.log("TEST");                            
                        console.log(item_data);     
                    });

用户名

您可以使用html5数据属性

<div id="dataDiv" data-num="">click div</div>

<script>
var jsonData = { "name": "name1" };

$(document).ready(function () {        
    $("#dataDiv").data("num",jsonData);
    $("#dataDiv").on("click", function () {
        console.log($(this).data("num"));
    });
});
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。