更改jQuery AJAX成功的类和文本

Question

我有一个链接：

<a href="#" class="confirmed" data-ev="1">
  <i class="icon-pencil"></i>
  <span class="text-warning">confirm this!</span>
</a>

我在此代码的评论部分尝试了所有内容：

$(".confirmed").on("click", function(e){
   e.preventDefault();
   var that  = this;
   $.ajax({
    url: '/confirmed/',
    type: 'POST',
    data: {
      event_type: $(that).data('ev')
    },
        success: function(result) {
          $(that).data('ev',"10");
          // here I want to change the class of i tag to "icon-ok"
          // and span.class to "text-success"
          // and span.text to "confirmed"
        }
  });
});

Answer 1

您已经拥有父<a>元素。您只需要执行find：

$(that).find('i').addClass('icon-ok');
$(that).find('span').text('blah');

Answer 2

使用jQuery.addClass()

添加课程

使用jQuery.removeClass()

删除课程

使用jQuery.text()

设置文字内容

这是非常简单的jQuery任务，您很容易使用Google找到它们。这也是我的帖子不包含任何代码的原因。