jquery - jQuery 捕捉下一个 div（类）

Question

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

<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();
});

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

Answer 1

快到了，试试：

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

您需要最接近父母label，然后到达其兄弟姐妹，然后进行查找。

小提琴

如果您label和tooltip_conteiner两者都封装在一个容器中，那么您可以这样做：

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