Vælg aktuelle item

Hejsa.

Jeg er i gang med at arbejde lidt med noget jquery der skal hente noget tekst ud fra en attribut.

Men når jeg har 3 elementer så tager den kun den første, hvordan får jeg den til at tage den aktuelle?

 <a href="">
   <i>
     <span class="delete-text" title="Tekst for element 1"></span>
   </i>
 </a>
 <a href="">
   <i>
     <span class="delete-text" title="Tekst for element 2"></span>
   </i>
 </a>
 <a href="">
   <i>
     <span class="delete-text" title="Tekst for element 3"></span>
   </i>
 </a>

 $("a.delete").click(function(e){
         e.preventDefault();
         var url = $(this).attr("href");
         var text = $("span.delete-text").attr("title");
         bootbox.dialog(text, [{
             "label" : "Annuller",
             "class" : "btn-danger",
             "callback": function() {    
             }
         }, {
             "label" : "Slet",
             "class" : "btn-success",
             "callback" : function(){
                 window.location.href = url;
             }
         }]);
     });