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

发布于 2024-11-09 04:31:38 字数 686 浏览 7 评论 0原文

如何在 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>

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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

烟酉 2024-11-16 04:31:38

我建议不要删除/添加显示/隐藏的类,只需使用 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');    
   }
});

如果我明白你在问什么正确。

I would recommend not removing/adding classes for show/hide, just use jQuery's $.show() and $.hide()

So:

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

If I understand what you are asking correctly.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文