將初始化對象傳遞給javascript函數

Question

我有以下初始化對象，我想通過onclick函數傳遞這個對象，這有可能實現嗎？

var nameObject = { Name: "Stack", lastName:"Exchange" }

這是我的代碼：

在document ready我鏈接到附加到html元素中的onclick函數。

HTML：

<div id="test"></div>

使用Javascript：

$(document).ready(function () {
  var nameObject = { Name: "Stack", lastName:"Exchange" };

  $("#test").append('<a href="#"'
  +'onclick="sendObj(**I want to pass "nameObject" into this function)">'
  +'sendObject</a>');
)};

function sendObj(**receive the object**)
{
  //nameObject.Name+" "nameObject.lastName;
}

的jsfiddle

Answer 1

試試這個

$(document).ready(function () {
  var nameObject = { Name: "Stack", lastName:"Exchange" };

  $("#test").append('<a href="#" data-caller>sendObject</a>');

  $("#test").on("click", "[data-caller]", function() {
     sendObj(nameObject);
  });
)};

function sendObj(nameObject)
{
  alert(nameObject.Name+" "+nameObject.lastName);
}

工作jsfiddle

Answer 2

做你想做的更合適的方法是將對象存儲在元素的data對象中，這是jQuery為此目的指定的。

然后，分配一個click處理程序，它將使用存儲的數據調用所需的函數。

$(document).ready(function () {
    var name = { Name: "Stack", lastName:"Exchange" };
    var a =  $('<a href="#">sendObject</a>').data('name', name).on('click',
       function(e){
           sendObj($(this).data('name'));
       });

    $("#test").append(a);
 });

function sendObj(e)
{
    console.log(e);
}

演示 （向控制台問好，溝渠alert() ）。