首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不捕获ajax中的类

不捕获ajax中的类
EN

Stack Overflow用户
提问于 2020-05-25 05:10:02
回答 2查看 91关注 0票数 2

我在使用ajax更改类时遇到了问题,它可以使用boton类,但不能使用boton_clic_sin类,请找能帮助我的人。谢谢

代码语言:javascript
运行
复制
$(document).ready(function() {
$('.btnguardar').on('click', function(e) {
    e.preventDefault();
    var $container = $(this).closest(".container");
    var id_oferta = $container.find(".id_oferta").val();
    var url_img = $container.find(".url_img").val();
    var $boton = $(this).closest('.boton');  
    var $boton_clic_sin = $(this).closest('.boton_clic_sin');

    $.ajax({
        type: "POST",
        url: "app/ofertasguardadasController.php",
        data: {
            id_oferta,  
            url_img},       
        success: function(r) {
            if (r==1) {         
            $('.aviso').empty();
            $('.aviso').append('Se agrego a la lista <a href="Las-Ofertas-que-mas-te-gustan"> Ver lista</a>').fadeIn("fast");
            $('.aviso').fadeOut(7000);
            $boton.addClass('deshabilita');
            $boton.attr('disabled', 'disabled');
            $boton_clic_sin.addClass('.habilita');
            $('.lista').html("Ver lista").fadeIn("slow");
            $('.title_lista').html("Agregado a la lista").fadeIn("slow");



            }

        }
    });
});                 

});

Html

代码语言:javascript
运行
复制
<span class="boton_clic_sin">♥</span>
<button id="btnguardar" class="boton btnguardar">♥</button>
EN

回答 2

Stack Overflow用户

发布于 2020-05-25 12:46:59

如果您的span位于button之前,您可以使用prev()获取该元素,并使用toggleClass添加或删除添加的类。

演示代码(我删除了一些不需要的代码):

代码语言:javascript
运行
复制
$('.btnguardar').on('click', function(e) {
  //find button prev element ->span
  var $boton_clic_sin = $(this).prev();
  //use toggle to add or remove class
  $boton_clic_sin.toggleClass('habilita');

});
代码语言:javascript
运行
复制
.habilita {
  color: red;
}
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="boton_clic_sin">♥</span>
<button id="btnguardar" class="boton btnguardar">♥</button>

票数 1
EN

Stack Overflow用户

发布于 2020-05-25 13:23:42

您可以使用以下$('.boton_clic_sin').addClass('habilita');$('.boton_clic_sin').removeClass('habilita');将类更改为span元素,而不是使用var $boton_clic_sin = $(this).closest('.boton_clic_sin');toggleClass

,例如

代码语言:javascript
运行
复制
$('.btnguardar').bind('click', function(e) {

    if($('.boton_clic_sin').hasClass('habilita')){
        $('.boton_clic_sin').removeClass('habilita');
    }else{
        $('.boton_clic_sin').addClass('habilita');
    }
  		
});
代码语言:javascript
运行
复制
.habilita{
  color: red;
}
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="boton_clic_sin">♥</span>
<button id="btnguardar" class="boton btnguardar">♥</button>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61992470

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档