jQuery：如果class = active？

Question

$(document).ready(function() {  
    $('a#fav').bind('click', function() { 
     addFav(<?php echo $showUP["uID"]; ?>); 
    }); 
}); 

我需要这样修改此，如果一个＃最爱具有类=“主动”，那么它应该做的

removeFav(<?php echo $showUP["uID"]; ?>); 

代替 我怎样才能做到这一点？

Answer 1

您想使用的hasClass功能

$(document).ready(function() {  
    $('a#fav').bind('click', function() { 
     if($(this).hasClass('active')) { 
      removeFav(<?php echo $showUP["uID"]; ?>); 
     } 
     else { 
      addFav(<?php echo $showUP["uID"]; ?>); 
     } 
    }); 
}); 

编辑：而只是为了好玩，另一种方式把它写在一个更压缩格式

$(function() {  
    $('a#fav').bind('click', function() { 
     var uID = <?php echo $showUP["uID"]; ?>; 
     ($(this).hasClass('active') ? removeFav : addFav)(uID); 
    }); 
}); 

Answer 2

$(document).ready(function() {  
    $('a#fav').bind('click', function() { 
     if ($(this).hasClass('active')) 
      removeFav(<?php echo $showUP["uID"]; ?>); 
     else 
      addFav(<?php echo $showUP["uID"]; ?>); 
    }); 
}); 

Answer 3

$(function() {  
    $('a#fav').click(function() { 
    return ($(this).hasClass('active')) 
     ? removeFav('<?php echo $showUP["uID"]; ?>') 
     : addFav('<?php echo $showUP["uID"]; ?>'); 
    }); 
});