Jquery 使用单个功能从多个链接打开模式弹出窗口

我有一个jquery函数来打开模式弹出窗口。当我点击一个链接时，它工作正常。链接如下：

 <a href='' class='click' id = "myLink"><b>Click Here to See Popup! </b></a>

jquery函数的编写方式如下：

<script type='text/javascript'>
        $(function () {
            var overlay = $('<div id="overlay"></div>');         

            $('.click').click(function () {
                overlay.show();
                overlay.appendTo(document.body);
                $('.popup').show();
                return false;
            });
        });
</script>

$（函数（）{
var overlay=$（''）；
$（'.click'）。单击（函数（）{
overlay.show（）；
overlay.appendTo（document.body）；
$（'.popup'）.show（）；
返回false；
});
});

---

我的要求是使用此函数从多个链接调用。因为我想使用link的id。例如，在上面的代码中，我想在函数中使用“myLink”。如何将用于打开模式弹出窗口的每个链接的id传递给上面的jquery函数？谢谢。

在函数范围

中，此

应该是链接元素，因此您可以在函数内使用

this.id

或

$（this.attr（'id'）

this.id。谢谢。它工作得很好。不要使用

attr

来获取本机属性，因为这只会增加不必要的开销

这个.id

非常完美。