jquery - 单击元素之后的第一个元素

Question

如何在单击first元素之后获取具有特定类的元素。

<div class="box"></div>
<div class="box"></div>
<div class="box-data"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box-data"></div>

这是我不工作的解决方案：

$(".box").click(function() {
    $(":first .box-data").css("display", "block");
    //$(this).find(":first .box-data").css("display", "block");
});

默认情况下box-data是不可见的，但是通过上面的代码，它们都将是可见的，不幸的是！

PSdisplay: none;已在box-data类中定义。

Answer 1

使用nextAll(".box-data")和first()：

$(".box").click(function() {
    $(this).nextAll(".box-data").first().css("display", "block");
});

nextAll按顺序返回以下兄弟姐妹，并first仅选择其中的第一个 ( first= eq(0))。