javascript - JQuery onclick 属性在each() 循环中未定义

Question

请原谅我糟糕的编码风格。我正在学习编写 Chrome 扩展程序，但无法弄清楚一些 JQuery 的东西。我正在尝试解析包含一些行的文档，每行都包含一个(动态生成的？)链接，HTML 代码如下所示:

<div class="row" id="rand">
<div class="display">
    <div class="link">
        <a name="actionLink" href="#" alt="action" onclick="listener.postAction('form', 'http://***/')" class="alink"><span>Confirm</span></a>
    </div>
</div>

我通过以下方式获取信息:

$(".row").each(function(index)
{
  var $itemArea = $(this).find(".display");
  var id        = $(this).attr("id"); 
  var alink     = $(this).find(".link").find("a");
  var onclick   = alink.attr("onclick");

  console.log("id=" + id);
  console.log("alink=" + alink);
  console.log("onclick=" + onclick);
});

这是 JSBin 的输出:

"id=rand"
"alink=[object Object]"
"onclick=listener.postAction('form', 'http://***/')"

但是，当我在 Chrome 中调试此代码时，我的代码返回的“onclick”值未定义。更令人困惑的是，当我检查 alink 的 onclick 属性时，它显示了正确的值？我究竟做错了什么？

Answer 1

尝试以下方法来获取您的 var

var onclick   = $('.link a:first',this).attr('onclick');