Javascript 选择具有特定类的同级

我有以下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>

---

但是当我使用这个代码时，它不会被切换。当我将“.bdownload”放入同级选择器时，所有的bdownload都被切换，因此故障在attr选择器中。我是否要在选择器中添加“to the selector？”

数据id

没有“.”或“#”，以便兄弟姐妹知道它是否与类或id匹配。因此，我如何添加.becase它是一个类..或者将它放在数据字段本身中，或者只是在兄弟姐妹部分

的变量前面加上“.”兄弟姐妹（'.+jQuery（this）.attr（“数据id”））

Thank@Sambatat这很有效。我会用下面的答案作为答案，但我喜欢直接的方法，所以我用了你的。谢谢Sam！

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

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