Это мой 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);
поэтому я знаю, что получил элементы, которые мне нужны в массиве, но как я могу влиять на каждый 1 отдельно?
allObjects[1]
возвращает необработанный элемент DOM. Элементы DOM не имеют метода fadeIn
, объекты jquery. Вместо этого используйте .eq
:
allObjects.eq(1).fadeIn();
.eq
возвращает объект jquery, содержащий n-й элемент.
Проверьте эту скрипку
$(document).ready(function(){
var allObjects = $("div[class^='object']");
$(allObjects[1]).fadeIn();
})
Вы можете перебирать каждый элемент отдельно с помощью jQuery.each(). См. Документацию.