jquery - 更改 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找到它们。这也是为什么我的帖子不包含任何代码的原因。