OnClick 事件仅适用于第一个<td>孩子(Laravel Foreach)

Question

>我对表行中的每个数据进行按钮操作。 每一行都使用拉拉维尔刀片模板生成。 该事件将触发 Javascript 操作以删除数据。 但就我而言，该按钮仅适用于第一行数据。这是我的Javascript和html代码：

function hapusFaskes(kode){
        var kodeStr = kode.toString();
        var mes = confirm('Yakin Faskesnya mau di Hapus?');
        alert(kode);
        if (mes == true){
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url:'{{url('deleteFaskes')}}'+'/'+kode,
                type:'get',
                success: function (r){
                    console.log(r);
                    alert(r);
                    location.reload();
                }
        });
        }
    }

<tbody id="hasil-tabel">
  @foreach ($faskes as $val)
  <tr>
     <td>{{$val->kode}}</td>
     <td>{{$val->nama}}</td>
     <td>{{$val->jenis}}</td>
     <td>{{$val->alamat}}</td>
     <td>{{$val->notelp}}</td>
     <td>{{$val->jambuka}}</td>
     <td>
         <a href="{{url('editfaskes').'/'.$val->kode}}" class="btn btn-default" >Edit</a>
         <a href="#" type="button" onclick="hapusFaskes({{$val->kode}})" class="btn btn-default" data-toggle="modal" data-target="#modal-faskes_delete">Hapus</a>
     </td>
  </tr>
  @endforeach
</tbody>

我不知道我的代码是否有问题，如果你知道有什么问题，

请告诉我，如果你知道我的代码有问题，这将对我有很大帮助。

Answer 1

尝试将以下代码与表单操作一起使用，以及用于确认的甜蜜警报。

<form action="{{ url('deleteFaskes/'. kode) }}" method="POST" class="btn-inblock-laravel">
{!! method_field('delete') !!}
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<a class="btn btn-danger btn-icon btn-xs tip" type="button" onclick="commonDelete(this)"><i class="icon-remove3"></i></a>
</form>
// include sweet alert js in assets folder
<script src="{{ asset('assets/js/sweetalert.min.js') }}"></script>
<script>
    function commonDelete(element) {
        swal({
                    title: "Are you sure?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Yes, delete it!",
                    closeOnConfirm: false
                },
                function () {
                    element.parentElement.submit();
                    setTimeout(function () {
                        swal({
                            title: "Deleted!",
                            text: "",
                            type: "success",
                            showConfirmButton: false
                        });
                    }, 2000);
                });
    }
</script>