jQuery .next('div ')toggle不工作

xpcnnkqh  于 2023-06-05  发布在  jQuery
关注(0)|答案(1)|浏览(140)

我在使用jQuery切换兄弟div的可见性时遇到了问题。我想做的是在单击.detailsbtn链接时显示/隐藏这个兄弟div。如果我移动.projdetails div后立即'.detailsbtn'的脚本工作,但我需要把它后的第二个链接。
HTML的结构如下:

<a href="javascript:void();" id="hp" class="btn btn-info detailsbtn">Project Details</a>
<a href="javascript:void();" class="btn btn-success">Launch Website</a>
<div class="projdetails">This is the hp details</div>

jQuery如下:

$('.projdetails').hide();

$('.detailsbtn').click(function () {
    $(this).next('div').toggle();
});
pxiryf3j

pxiryf3j1#

使用.siblings()而不是.next(),因为next只查找紧随其后的同级

$(this).siblings('div.projdetails').toggle();

http://api.jquery.com/siblings/

相关问题