我的问题专门针对http://api.jquery.com/event.target/#example-1
如果您在< li>中使用跨度或其他标签来改变样式,例如< b>正如我在here所做的那样,元素的这一部分不会触发JQuery函数来切换它的子节点.怎么可能让这个工作?
HTML:
JavaScript的:
function handler(event) {
var $target = $(event.target);
if( $target.is("li") ) {
$target.children("ul").toggle();
}
}
$("ul").click(handler).find("ul").hide();
最佳答案
为了继续使用您当前的表单,我建议使用nearest():
function handler(event) {
$(event.target).closest('li').children("ul").toggle();
}
$("ul").click(handler).find("ul").hide();
虽然我自己使用,但我更喜欢:
$('li').on('click',function(e){
e.stopPropagation();
$(this).find('ul').toggle();
});
参考文献: