使用單一功能從多個鏈接打開模式彈出式菜單

Question

我有一個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> 

我的要求是要使用此功能從多個鏈接調用。因爲我想使用鏈接的ID。例如在上面的代碼中，我想在函數中使用「myLink」。我怎樣才能將用於打開模式彈出窗口的每個鏈接的id傳遞給上面的jquery函數？謝謝。

Answer 1

在功能範圍this應該是鏈接元素，所以你可以使用this.id或$(this).attr('id')