Javascript 当我有多个具有相同类名的div时，如何显示/隐藏某些div

我有多个类名为blueflip的div，我想在单击divlink_按钮时切换该类的div内容

我的代码：

$(document).ready(function(){
   $('.blueflip').hide(); 
   $('.link_button').click(function() {
      $('.blueflip').toggle(400);
      return false;
   });
});

它很好用。但我的问题是，我的页面上到处都是链接按钮和蓝色翻转按钮。当我单击任何一个link\u按钮时，所有blueflipdiv都在切换。但是我只需要切换相应的子级blueflipdiv

注意：div是从数据库动态生成的。

---

如何做到这一点，请大家帮忙。任何建议都将受到高度赞赏

假设

.blueflip

是

.link\u button

:

$(document).ready(function(){
   $('.blueflip').hide(); 
   $('.link_button').click(function() {
      $(this).find('.blueflip').toggle(400);
      return false;
   });
});

这是因为jQuery的方法总是搜索父jQuery对象指示的选择器的后代

如果

.blueflip

节点不是相应的

.link\u按钮

节点的子节点，则可能需要在对象ID中引入一些技巧。如果每件事物都有一个唯一的ID（即使生成div时它只是一个递增计数器），并且您可以将

.link_按钮

ID对应到

.blueflip

ID（例如，

div#lb_001

对应于

div#bf_001

），那么这应该可以工作：

$(document).ready(function(){
   $('.blueflip').hide(); 
   $('.link_button').click(function() {
      $('#bf' + $(this).attr('id').substr(2)).toggle(400);
      return false;
   });
});

---

如果你知道页面的结构，你就必须遍历dom树，寻找所需的div（可能是根据目前统计的div数量）

---

链接按钮和blueflip divs的html结构是什么