JQuery删除并添加span-class

Question

我有两个带有用户可以点击的链接的跨度，当点击一个跨度时，它会删除一个类并在点击一个上添加另一个类：

HTML：

<span class="resCheck label label-success">
  <a data-method="get" class="resCheckLink" href="trafikskola?utf8=%E2%9C%93&amp;query=lund&     
   amp;sort=asc">Cheap prices</a>
</span>
<span class="resCheck label">
  <a class="resCheckLink" data-method="get" href="trafikskola?utf8=%E2%9C%93&query=lund&  
  sort=desc">Expensive prices</a>
</span>

JQuery的：

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck.label').removeClass('label-success');
        $(this).parent().addClass('label-success')
    });
});

但它很有效，它可以添加和删除类，我该如何解决这个问题呢？

Answer 1

试试这个

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck').removeClass('label-success');
       $(this).parent().addClass('label-success');
    });
});

Answer 2

试试这个......

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck').removeClass('label-success');
        $(this).parent().addClass('label-success');
    });
});

<强> Working DEMO

Answer 3

试试这个。

$(function(){
    $('.resCheckLink').click(function(e){
        $('span.resCheck').removeClass('label-success');
        $(this).parent().addClass('label-success')
    });
});

Answer 4

它确实有用，我想你是不正确地造型元素或什么？我添加了return false以防止链接正常运行。

jsFiddle

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck.label').removeClass('label-success');
        $(this).parent().addClass('label-success');
        return false;
    });
});

Answer 5

试试这个

$(function(){
   $('.resCheckLink').click(function(e){
         $('.resCheck').removeClass('label-success');
         $(this).parent().addClass('label-success')
   });
});

Answer 6

您正在删除并添加相同的类，因此您将无法实际监控

$('.resCheck.label').removeClass('label-success');
    $(this).parent().addClass('label-success');

所以请创建另一个具有不同风格的课程，然后尝试，上面的PSR给出答案。

将会：）