jquery - 为什么我的切换开关只能在第一次使用？

Question

我的开关都工作正常，但只是第一次。有什么问题吗？

$(".add-to-list").click(function(){ 
 $(this).removeClass( "appear" );      
 $(this).addClass( "is-on-list appear" );    
 $(this).removeClass( "add-to-list" );         
});

$(".is-on-list").click(function(){   
 $(this).removeClass( "appear" );     
 $(this).addClass( "add-to-list appear" );     
 $(this).removeClass( "is-on-list" );      
});

Answer 1

试试这个代码:

var selector = 'button';

$(selector).on('click', function(){
    $(this).toggleClass('active');
});

.active{color:green;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="add-to-list">Hi</button>
<button class="is-on-list">there</button>