jquery - jqueryajaxの成功はプロセスページの追加クラスを削除します

Question

jquery ajax成功関数でクラスを削除および追加するにはどうすればよいですか？

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、このようなもの：

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

div#resultそして私はとしてhtmlを返す必要があります

<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');    
   }
});

私があなたが正しく求めていることを理解していれば。