做一個事件只在點擊同一類的元素

Question

我不知道是否有可能做一個事件只在點擊元素， ，雖然這個元素有相同的類， ，如果內部或旁邊的這個元素有一個div使用類'子類別'，使用toggleClass方法顯示它。 這裏的HTML。

<ul> 
    <li class="catname">something</li> 
    <li class="catname"> 
     something 
     <div class="subcategory none">some hidden content to show</div> 
    </li> 
    <li class="catname">something</li> 
</ul> 

這是我的嘗試：

$(document).on("click",".catname", function (event) { 
    $(".subcategory").next().toggleClass('none') 
}); 

而且這樣的：

$(".catname").bind("click", function() { 
    $(".subcategory").next().toggleClass('none') 
}); 

謝謝

Answer 1

你應該使用click處理程序中的this關鍵字引用的元素這引發了這一事件。從那裏你可以遍歷DOM到find()的內部元素。試試這個：

$(document).on('click', '.catname', function (event) { 
    $(this).find('.subcategory').toggleClass('none'); 
}); 

Example fiddle