gpt4 book ai didi

jQuery sibling 方法和设置高度

转载 作者:太空宇宙 更新时间:2023-11-03 23:01:17 25 4
gpt4 key购买 nike

我有这样的 DOM 结构

<div>
<div class="logo"></div>
<div class="description"></div>
<div class="learnMore"><a class="learn-more" href="#path">Learn More</a>
</div>
<div>
<div class="logo"></div>
<div class="description"></div>
<div class="learnMore"><a class="learn-more" href="#path">Learn More</a>
</div>

单击 a 标签时,我试图在同一父 div 中更改带有类描述的 div 的高度

$('.learn-more').click(function() {
$(this).siblings('.description').animate({height: '90px'}, 200);
}

这一直在失败。

$('.description').animate({height: '90px'}, 200);

这行得通,但它改变了所有具有该类名的 div 的高度,而不仅仅是它的同级。

有什么建议吗?

最佳答案

在您的第一个解决方案中,您是否打算使用 .learn-more 而不是 .show-more?在这种情况下,请注意描述 div 不是链接 a 标签的兄弟;它是其 parent 的 sibling 。添加一个 .parent() 调用应该可以解决这个问题。即

    $('.show-more').click(function() {
$(this).parent().siblings('.description').animate({height: '90px'}, 200);
}

关于jQuery sibling 方法和设置高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36344281/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com