Javascript jQuery：我如何只影响我单击的元素的子元素？

我有一些下拉菜单，它们都有相同的类。单击下拉列表时，子菜单显示在下面。问题是，在添加第二个下拉列表后，当我单击其中一个时，两个子菜单都会出现。我尝试过使用$（this）的不同应用程序，但没有成功

$('.dropdown').click(function() {

        $('.subdropdown').toggleClass("select");
});

---

“dropdown”是父元素。当我点击它时，所有的子下拉菜单都会被切换。

使用这个

的一个实例

$(".subdropdown", this).toggleClass("select");

对子元素使用
$（this）.find（）
，对直接子元素使用
$（this）.children（）
：

$('.dropdown').click(function() {
    $(this).find(".subdropdown").toggleClass("select");
});