jquery ajax成功删除在进程页面中添加类

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

我建议不要删除/添加show / hide类，只需使用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');    
   }
});

如果我理解你的要求是正确的。