針對jQuery中的某個類

Question

我試圖從頭創建一個滑塊。當你點擊類.slide-next的元素時，它應該檢查哪個元素具有active類，然後淡出那個元素，這樣就可以顯示下一個滑塊。但它似乎並不奏效。代碼如下所示：

$('.slide-next').click(function(){ 
    var className = "active"; 
    if ($('.slide').hasClass('.' + className)) { 
     (".slide").fadeOut("slow"); 
    } else { 
    } 
}); 

如果任何人都可以提供幫助，將不勝感激。爲了您的信息，我編寫了滑塊以基於用戶點擊的元素添加active類，如下所示，它工作正常。我只需要知道如何識別何時某個滑塊具有類active以便可以淡出某個滑塊？

$('.slide-welcome').click(function(){ 
    $("#slideshow #welcomeSlide").addClass("active").fadeIn("slow"); 
    $("#monitorSlide, #manageSlide, #maintainSlide").removeClass("active").fadeOut("slow"); 
}); 

$('.slide-monitor').click(function(){ 
    $("#slideshow #monitorSlide").addClass("active").fadeIn("slow"); 
    $("#welcomeSlide, #manageSlide, #maintainSlide").removeClass("active").fadeOut("slow"); 
}); 

$('.slide-manage').click(function(){ 
    $("#slideshow #manageSlide").addClass("active").fadeIn("slow"); 
    $("#monitorSlide, #welcomeSlide, #maintainSlide").removeClass("active").fadeOut("slow"); 
}); 

$('.slide-maintain').click(function(){ 
    $("#slideshow #maintainSlide").addClass("active").fadeIn("slow"); 
    $("#monitorSlide, #manageSlide, #welcomeSlide").removeClass("active").fadeOut("slow"); 
}); 

Answer 1

.hasClass()預計只是類className不'.' + className

只是這樣做。不需要點.

if ($('.slide').hasClass(className)) { 
    $(".slide").fadeOut("slow"); 
}