我們可以用一個變量將一個類保存在一個變量中嗎？

Question

我有以下結構：

HTML

<ul> 
    <li class="modern"> 
    <button>Ex 1</button> 
    <li> 
    <li class="classic"> 
    <button>Ex 2</button> 
    </li> 
<ul> 

<path class="modern"></path> 
<path class="classic"></path> 

CSS

path { 
    display: none; 
} 

當我點擊一個按鈕，與同等級的點擊母按鈕的路徑，應fadeIn();

以下是jQuery的我想

$("button").on("click", function() { 
    var periodClass = $(this).parent().attr("class"); 
    if($("path").hasClass(periodClass)) { 
     $("path.periodClass").fadeIn(); 
    } else { 
     $("path.periodClass").fadeOut(); 
    } 
}); 

Answer 1

您需要連接下來，就像你可以在PHP中你不能訪問JS的內部變量：

$("button").on("click", function() { 
    let periodClass = $(this).parent().attr("class"); 

    // Hide others: 
    $('path').not('.'+periodClass).fadeOut(); 
    $('path.'+periodClass).fadeIn(); 
}); 

jsFiddle Demo