jQueryのUIのダイアログを使用して動的にロードのURL

Question

iは

<a href="approvaledit.php?MSRID=<?php echo $MSRID; ?>" class="exampleLink" >Approval</a> 

のようにアンカーを生成していると私はjqueryのUIダイアログとapprovaledit.phpを開きたいと、彼らはすべて同じクラス名すべて持っているので、私は、しかし、成功してい生成されたリンクは最初のhrefを開きます、どうすれば修正できますか？

<a href="approvaledit.php?MSRID=<?php echo $MSRID; ?>" class="exampleLink" >Approval</a> 




var $modalDialog = $('<div/>', { 
      'class': 'exampleModal', 
      'id': 'exampleModal1' 
     }) 

     .appendTo('body') 
     .dialog({ 
      dialogClass: 'my-extra-class', 
      resizable: true, 
      title:'PR Approval', 
      autoOpen: false, 
      width:'auto', 
      height:'auto', 
      show: 'fold', 
      position: { my: "right top", at: "top" }, 
      modal: true, 
       close: function(event, ui) { 
      location.reload(); 
    } 
     }).css("font-size", "11px"); 


     $(function() { 
      $('a.exampleLink').on('click', function (e) { 
       e.preventDefault(); 
       var url = $('a.exampleLink:first').attr('href'); 
       $modalDialog.load(url, function(){ 
       $('h4').hide(); $("#btnCancel").hide(); 
       }); 

       $modalDialog.dialog("open"); 
      }); 
     }); 

Answer 1

var url = $（this）.attr（ 'href'）;