jQuery 捕捉下一个 div（类）

Posted 2023-02-25

【中文标题】jQuery 捕捉下一个 div（类）

【英文标题】：jQuery catch next div(class)

【发布时间】：2013-09-10 19:40:08

【问题描述】：

我有问题。我想在代码中每次点击<i class="tooltip"></i> 捕获具有类tooltip_content 的div：

<label><span>Data</span><i class="tooltip"></i></label>
    <div class="tooltip_conteiner">
         <div class="tooltip_content">
              <h3>asddd</h3>
          </div>
     </div>

使用这个 jQuery 代码：

$(".tooltip").click(function(e) 
        $(this).next("div .tooltip_content").toggle();
);

但这不起作用。有什么建议吗？

【参考方案1】：

差不多了，试试吧：

$(".tooltip").click(function(e)
    $(this).closest('label').next("div").find('.tooltip_content').toggle();
);

您需要closest 才能到达父label，然后到达其兄弟，然后进行查找。

Fiddle

如果您的每个 label 和 tooltip_conteiner 都包含在一个容器中，那么您可以这样做：

$(this).closest('container').find('.tooltip_content').toggle();