我有多个具有相同类的 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();
但这是无效代码。
最佳答案
您可以使用当前元素单击上下文 this
以及 .find('.plist-details')
来查找元素 .plist-details
在其中:
$('.profile-list-contain').click(function(){
$(this).find('.plist-details').slideToggle();
});
关于jQuery 选择器,它将只选择 div 的直接兄弟,类只选择刚刚单击的那个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27900087/