如何使用 ajax 更改字体真棒类名？

Question

我想在删除行后更改图标。我应该只在刀片中使用一次字体真棒图标，然后删除类名，然后用 ajax 添加类名吗？

刀片：

<div id="status-{{ $country->id }}">
  <div id="icon-{{$country->id}}">
    @if( getStatus($country->status) == 'Active' || getStatus($country->status) == 'Aktif' )
      <i class="fa fa-check-circle text-success"></i>
    @elseif( getStatus($country->status) == 'Inactive' || getStatus($country->status) == 'Pasif' )
      <i class="fas fa-minus-circle text-info"></i>
    @else
      <i class="fas fa-times-circle text-danger"></i>
    @endif
    <strong>{{ getStatus($country->status) }}</strong>
  </div>
</div>

ajax:

$.ajax({
    url: url,
    type: "DELETE",
    header: {
        _token: "{{ csrf_token() }}",
    },
    success() {
        toastr['error']("{{ __('home.delete.message') }}");
        swal("{{ __('home.delete.message') }}", {
            icon: "success",
        });
        $('#status-' + id).text('Deleted')
        $('#icon-' + id).attr('i').addClass('fas fa-times-circle text-danger')
    },
    error(error) {
        toastr['warning']("{{ __('home.error.message') }}");
    }
});

Answer 1

JQuery 的.attr() 函数用于改变元素的属性。它与它的孩子无关。

替换

$('#icon-' + id).attr('i').addClass('fas fa-times-circle text-danger')

有了这个

$('#icon-' + id + ' i').eq(0).attr('class', 'fas fa-times-circle text-danger');