JQuery подтвердить диалог ссылки только над первым в списке

Question

У меня есть следующий сценарий:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#confirm_Group_Delete').click(function(event) { 
     event.preventDefault(); 
     if (confirm('All loan units grouped to this group will be unlinked. Are you sure you want to DELETE this group?')) { 
      var url = $(this).attr('href'); 
      $('#content').load(url); 
     } 
     else 
     { 
      return false; 
     } 
    }); 
}); 
</script> 

с таблицей полных пунктов:

<td> 
    Item 1 <a id="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a> 
    Item 2 <a id="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a> 
    Item 3 <a id="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a> 
</td> 

Проблема заключается в JQuery подтверждения сценария только показывает для первого элемента в списке - в этом случае пункт 1. Для всех остальных элементов сайт удаляет элемент без подтверждения.

Любые идеи?

Answer 1

Атрибут id не может быть одинаковым для разных элементов.

Изменить селектор, чтобы вызвать класс вместо ID:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.confirm_Group_Delete').click(function(event) { 
     event.preventDefault(); 
     if (confirm('All loan units grouped to this group will be unlinked. Are you sure you want to DELETE this group?')) { 
      var url = $(this).attr('href'); 
      $('#content').load(url); 
     } 
     else 
     { 
      return false; 
     } 
    }); 
}); 
</script> 

А затем изменить HTML так:

<td> 
    Item 1 <a class="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a> 
    Item 2 <a class="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a> 
    Item 3 <a class="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a> 
</td>