gpt4 book ai didi

javascript - 选择具有特定类别的 sibling

转载 作者:太空宇宙 更新时间:2023-11-04 08:21:38 25 4
gpt4 key购买 nike

我有以下 HTML:

<div class="chooser" style="display:none;"><div data-id="day">Day <i class="fa fa-arrow-right" aria-hidden="true"></i></div><div data-id="nightamst">Night A <i class="fa fa-arrow-right" aria-hidden="true"></i></div><div data-id="nightzoet">Night Z<i class="fa fa-arrow-right" aria-hidden="true"></i></div></div>
<div class="bdownload day" style="display: none;">content</div>
<div class="bdownload nightamst" style="display: none;">content</div>
<div class="bdownload nightzoet" style="display: none;">content</div>

现在有以下 Javascript:

我想显示带有前一个选择器 div 的数据 ID 的 bdownload div。

jQuery(".chooser div").click(function(){
console.log("test");

jQuery(".chooser").hide();
jQuery(this).parent(".chooser").siblings(jQuery(this).attr("data-id")).toggle();
});

但是当我使用这段代码时,它不会被切换。当我将“.bdownload”放入兄弟选择器时,所有 bdownloads 都会切换,所以故障出在 attr 选择器中。我是否将 "添加到选择器?

最佳答案

$('.chooser div').click(function() {
var selector = '.' + $(this).data('id')
$('.chooser').hide()
$(this).parent().siblings(selector).toggle()
})

关于javascript - 选择具有特定类别的 sibling ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45488987/

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