如果元素的類與點擊元素的ID相同，請執行下列操作

Question

我認爲標題不言自明。需要發生的是當用戶點擊菜單項時，屏幕上的圖像被過濾。發生這種情況時，只會顯示與點擊元素ID相同的圖像。下面是我到目前爲止已經試過代碼：

var imgFilterBtn = $("nav > ul > li > ul > li > a"); 

imgFilterBtn.click(function() { 
    $("img").fadeOut("fast"); 
    var fadeInClass = $(this).attr("id"); 

    $("img").hasClass(fadeInClass).fadeIn("fast"); 
}); 

我也嘗試把圖像在一個包裝，並與孩子們篩選他們：

var imgFilterBtn = $("nav > ul > li > ul > li > a"); 

imgFilterBtn.click(function() { 
    $("img").fadeOut("fast"); 
    var fadeInClass = $(this).attr("id"); 

    $("#imgWrap").children("." + fadeInClass).fadeIn("fast"); 
}); 

但這也不管用！對此有何幫助？謝謝。

Answer 1

.hasClass()返回一個布爾值，而不是jQuery的集合。你可以直接在選擇器中使用類名。

var fadeInClass = $(this).attr("id"); 
$("img."+fadeInClass).fadeIn("fast");