javascript - jQuery - 配列から取得した要素に影響を与える (個別に)

Question

これは私のHTMLです：

<div class="objectA"></div>
<div class="objectB"></div>
<div class="objectA"></div>
<div class="objectB"></div>

このスクリプトを使用しても何も起こりません:

var allObjects = $("div[class^=object]");
allObjects[1].fadeIn();

しかし、このスクリプトを使用すると、アラートメッセージは 4 になり、すべての要素がフェードします。

var allObjects = $("div[class^=object]");
    allObjects.fadeIn();
    alert(allObjects.lenght);

配列に必要な要素を取得したことはわかっていますが、各要素を個別に影響させるにはどうすればよいですか?

score 1 · Accepted Answer

allObjects[1]生の DOM 要素を返します。DOM 要素にはメソッドがありませんがfadeIn、jquery オブジェクトにはあります。代わりに、次を使用します.eq。

allObjects.eq(1).fadeIn();

.eqn 番目の要素を含む jquery オブジェクトを返します。

score 0 · Accepted Answer

jQuery.each() を使用して、各要素を個別にループできます。ドキュメントを参照してください。

score 0 · Accepted Answer

$(document).ready(function(){
    var allObjects = $("div[class^='object']");
    $(allObjects[1]).fadeIn();
})

3 に答える 3