jquery - jquery ajax success remove add class in a process page

Question

How to remove and add class in a jquery ajax success function?

index.html

$.ajax({
   url: "text.php", 
   dataType: "html",
   type: 'POST', 
   data: "data=test", 
   success: function(data){
       $("#result").html(data);
      $('#show').find('.show').removeClass('show').addClass('hidden');
          $('#show').find('.hidden').html('hidden');    
   }
});

<div id="result"></div>

text.php, something as this:

<a href="#" id="show"><p class="show">show</p></a>

and I need return back html in div#result as

<a href="#" id="show"><p class="hidden">hidden</p></a>

Answer 1

我建议不要删除/添加用于显示/隐藏的类，只需使用 jQuery$.show()和$.hide()

所以：

var $result = $("#result");

$.ajax({
   url: "text.php", 
   dataType: "html",
   type: 'POST', 
   data: "data=test", 
   success: function(data){
      $result.html(data);
      $('#show p').hide();
      $('#show p').text('hidden');    
   }
});

如果我理解你在问什么是正确的。