jQuery捕获下一个div（类）

Question

我有问题。我希望在代码中每次点击tooltip_content抓取等级为<i class="tooltip"></i>的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();
});

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

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