jQuery 选择器将仅选择 div 的直接同级，仅选择刚刚单击的类

Question

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

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

我的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();
});