Ajax - 更改$（this）中的HTML标记

Question

这是我的HTML标记：

<a href="#" class="btn-delete" title="Disable group" id="{{group.id}}"><i class="fa fa-ban"></i></a>

我使用＆＃34; id＆＃34;我的标签是这样的：

$('body').on('click','.btn-delete',function() {
    var id = $(this).attr("id");
});

但我想改变＆lt; \ i＆gt;在＆lt; \ a＆gt;

范围内的类

这样的事情：

$(this).find('select[class="fa fa-ban"]').removeClass().addClass("fa fa-check-circle");

请你帮我解决一下如何做到这一点？感谢。

Answer 1

 $(this).find('.fa-ban')
            .removeClass('fa-ban')
            .addClass('fa-check-circle');

Answer 2

您的代码中存在的问题是使用的上下文。 this不会引用点击的button或a标记，但会改为body标记。因为你在body标签上设置了一个监听器。你应该改变这个：

$('body').on('click','.btn-delete',function(){
var id = $(this).attr("id");

到这个

$('a').on('click','.btn-delete',function(){
var id = $(this).attr("id");