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

Question

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

Fiddle

尝试过代码

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

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

类似这样的事情

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

Answer 1

要切换仅显示与点击的锚相关联的项目的显示，请使用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') 。）

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