Javascript 获取jQuery mobile弹出窗口的触发器元素

我有一个简单的jQuery手机弹出窗口，如下所示：

你确定你想吃东西吗？

我有多个链接触发同一个弹出窗口：

我想知道是否有任何方法可以确定单击哪个链接打开弹出窗口。我试过：

$（'eat'）.on（'popupafteropen'，函数（事件）{
console.log（事件）；
});

但是我收到的控制台输出没有为trigger元素提供任何对象（除非我遗漏了什么）。有办法做到这一点吗

其他信息：我正在尝试使用链接上数据食物属性的值填充其他内容。因此，我需要引用

元素，而不是

元素

$('#eat').on('popupafteropen', function(event) {
    console.log(this); // should give you the anchor element
    console.log($(this)); // should give you the jquery anchor element 
});

---

您还可以说

event.target

来获取dom元素。

我为每个链接添加了一个id

     <a href='#eat' id="pizza"    data-role='button' data-rel='popup' data-position-to='window' data-food="pizza">Pizza</a>
     <a href='#eat' id="sandwich" data-role='button' data-rel='popup' data-position-to='window' data-food="sandwich">Sandwich</a>

并使用了这个脚本

<script>
  $('#pizza').on( "click", function() {
    console.log(this);
  });

  $('#sandwich').on( "click", function() {
    console.log(this);
  });
</script>

$（'#pizza'）。在（“单击”，函数（）上）{
console.log（this）；
});
$（'#sandwich'）。在（“单击”，函数（）上）{
console.log（this）；
});

要使其正常工作，请参见

单击“Pizza”后的控制台

---

这只分别给了我

元素和jQuery section元素，而不是锚元素。我从来没有想过绑定到trigger元素！谢谢，我接受了。要添加到您所说的内容中，此解决方案将起作用，但对我来说，将

id

s添加到链接是不切实际的，因为这些链接是动态检索的，但是如果我这样做，它将起作用：

$（'a[data food]'）.bind（'click'，function（）{console.log（this）；}）。不过，我想我应该在

上使用

，因为
bind
已被弃用。谢谢。。。这是一个很好的灵活的解决方案。不知怎的，我总是搞不清楚哪一个不推荐，哪一个不…；-）答案现在更新了。。。