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-contain 时，我只希望第一个 profile-list-contain 中的 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();
});