javascript - 如何使用我的自定义函数切换此函数

Question

我正在尝试切换该功能，但它不起作用。我不知道哪里错了

Fiddle

尝试过的代码

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

我需要切换特定的点击 ul，但它不起作用。我使用这个功能它不起作用

类似这样的

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

Answer 1

要仅切换与单击的 anchor 关联的项目的显示，请使用 jQuery 的 DOM navigation methods 向上到最近的父 div，然后向下到该 div 内的 .showdropdowninv 项:

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

您的 fiddle 的更新版本:http://jsfiddle.net/V4X4t/243/

(显然，最接近的父元素可能并非在所有情况下都是 div，但它适用于 fiddle 中的 html。您也可以按类选择父元素，例如，对于 html，您可以使用 .closest ('.element-dragging').)

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