Javascript 如何使用jquerytoggle使用公共类来定位特定元素？

我正在创建一个下拉菜单，可以在一个页面上多次重复使用

当只有一个下拉菜单时，下面的代码非常有用。但是当有多个下拉菜单时，单击单个

.dropdown

将显示页面上的所有

.dd\u菜单

JS:
HTML:


是否有一些内容仅针对被单击的特定
.downdown
中的
.dd\u菜单
？
将选择器限制为当前单击的
.dd\u菜单
的子菜单。downdown

div:

$(document).ready(function() {
   $('.dropdown').click(function(){
      $('.dd_menu', this).toggle(); // <========== used this as a context.
   });
});

$（文档）.ready（函数（）{
$（'.dropdown'）。单击（函数（）{
$（'.dd_menu'，this）.toggle（）；/您可以尝试：

$(this).children('.dd_menu').toggle();

可能重复您为什么使用委托事件？并且内部选择器非常冗长。
$(document).ready(function() {
   $('.dropdown').click(function(){
      $('.dd_menu', this).toggle(); // <========== used this as a context.
   });
});

$(this).children('.dd_menu').toggle();

$(document).ready(function() {
   $('.dropdown').on('click', 'a', function(){
       $('.dd_menu:eq('+$(this).parent().index()+')').toggle();
   });
});​