jQuery选择器，它只选择div的直接兄弟，只选择刚刚点击的类

Question

我有多个具有相同类的html div。

我想要一个jQuery选择器，它只选择div的直接兄弟，类.profile-list只显示刚刚点击的那个

我的HTML是：

<div class="profile-list-contain">
    <ul class="profile-list">
        Content
    <ul>
    <div class="plist-details">
        Content
    </div>
</div>
<div class="profile-list-contain">
    <ul class="profile-list">
        Content
    <ul>
    <div class="plist-details">
        Content
    </div>
</div>

在这种情况下，当单击第一个profile-list-contains时，我只希望第一个profile-list-contains中的plist-details只能切换。

类似于：$('.profile-list:clicked + .plist-details').slideToggle();
但这是无效的代码。

Answer 1

您可以使用当前元素点击上下文this以及.find('.plist-details')来查找元素.plist-details：

$('.profile-list-contain').click(function(){
   $(this).find('.plist-details').slideToggle();
});