入門選擇要顯示的JQuery菜單李元素

Question

我想這：

function initMenu() { 
    $("#menu ul").hide(); 
    $("#menu li a").click(function() { 
     $(this).addClass('selected'); 
     $(this).next().slideToggle('normal'); 
    }); 
} 
$(document).ready(function() { 
    initMenu(); 
}); 

但它增加class="selected"到<a>屬性...我怎樣才能把它添加到當前<li>呢？

Answer 1

你點擊了「A」，所以你的班級被添加到該元素。不過看來你想讓它添加到您的一個標記，以便父...

$("#menu li a").click(function() { 
    $(this).parent().addClass('selected'); 
     $(this).next().slideToggle('normal'); 
    }); 

Answer 2

使用parent

function initMenu() { 
     $("#menu ul").hide(); 
     $("#menu li a").click(function() { 
      $(this).parent().addClass('selected'); 
      $(this).next().slideToggle('normal'); 
     }); 
    } 
    $(document).ready(function() { 
     initMenu(); 

    }); 

Answer 3

使用jQuery父（）函數來訪問李：

function initMenu() { 
    $("#menu ul").hide(); 
    $("#menu li a").click(function() { 
    $(this).parent().addClass('selected'); 
     $(this).next().slideToggle('normal'); 
    }); 
}