[JS]Alert i php foreach Opcje

[Gregorov]

Próbuje wprowadzić alert do potwierdzenia wykasowania danych.
Dane znajdują się w pętli foreach :

[PHP] pobierz, plaintext 
<?php foreach($procedure as $item) :?>
				<tr>
					<td>
						<?php echo $item -> proced_name; ?>
					</td>
 
					<td>
						<a href="<?php echo base_url().'admin/procedures/edit/'.$item -> id; ?>">
						<button type="button">
						  Edytuj
						</button>
						</a>
					</td>
					<td>
 
						<button type="button" class="proc_delete">Kasuj</button>
 
					</td>
				</tr>
				<?php endforeach ; ?>
[PHP] pobierz, plaintext 

I teraz JQuery do obsługi alertu , który uruchamiamy buttonem kasuj.

[PHP] pobierz, plaintext 
 document.querySelector('button.proc_delete').onclick = function(){
  swal({
    title: "Czy chcesz usunąć procedurę?",
    text: "Tej operacji nie będziesz mógł przywrócić",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor:'#DD6B55',
    confirmButtonText: 'Tak, chcę usunąć!',
    cancelButtonText: "Nie chcę usuwać!",
    closeOnConfirm: false,
    closeOnCancel: false
  },
  function(isConfirm){
    if (isConfirm){
      window.location="<?php echo base_url().'admin/procedures/delete/'.$item -> id; ?>";
    } else {
      swal("Przerwano", "Procedura pozostała bez zmian", "error");
    }
  });
};
[PHP] pobierz, plaintext 

Wszystko działa pięknie ale tylko dla pierwszego wiersza pętli foreach. Dla kolejnych wierszy JS nie idzie.
Jeżeli ktoś z Was orientuje się czym to jest spowodowane będę wdzięczny za wskazówki. Pozdrawiam .

[trueblue]

A czytałeś w dokumentacji co zwraca document.querySelector()?

Potrzebne Ci: https://developer.mozilla.org/en-US/docs/We...uerySelectorAll

[Gregorov]

Dziekuję za tę informację, ale zamiana na selectorAll nie działa w tym przypadku albo nie wiem jak to zaimplementować.

[trueblue]

querySelectorAll zwraca tablicę elementów, więc nie możesz ot tak, przypiąć do tej tablicy zdarzenia onclick.