1

クリックし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デフォルトでは表示されませんが、上記のコードでは残念ながら両方が表示されます!

PSはクラスdisplay: none;で定義されています。box-data

4

1 に答える 1

2

nextAll(".box-data")と の使用first():

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

nextAll次の兄弟を順番に返し、first最初の兄弟 ( first= ) だけを選択しeq(0)ます。

于 2013-01-28T06:35:42.677 に答える