如何使用我的自定义函数切换此功能

时间:2016-09-18 11:34:07

标签: javascript jquery

我试图切换功能,但它不起作用。我不在哪里错了

Fiddle

尝试过代码

$('.toggledropdown').click(function(e){
 // $('.showdropdowninv',this).toggle('slow');
 $('.showdropdowninv').toggle('slow');
});

我需要切换特定点击的ul,但它不起作用。我使用此功能无法正常工作

类似这样的事情

$('.showdropdowninv',this).toggle('slow');

1 个答案:

答案 0 :(得分:2)

要切换仅显示与点击的锚相关联的项目的显示,请使用jQuery的DOM navigation methods向上转到最近的父div,然后转到.showdropdowninv项(s)仅在该div内:

$('.toggledropdown').click(function(e){
  $(this).closest('div').find('.showdropdowninv').toggle('slow');
});

您的小提琴的更新版本:http://jsfiddle.net/V4X4t/243/

(显然,最接近的父元素在所有情况下都可能不是div,但它适用于你的小提琴中的html。你也可以按类选择父级,例如,对于你的html,你可以使用.closest('.element-dragging') 。)

(另请注意,您可以使用类似的技术来实现每个组的“全选”复选框。)