Как применить эффекты к извлеченным элементам в массиве в jQuery?

Question

Мне было интересно, можно ли применить эффекты к извлеченным элементам в массиве.

Я знаю, что могу выводить содержимое массива через:. text() или функции .html() в jQuery. Но я пытался до fadeIn() контента, и он никогда не работает.

Как это сделать?

Answer 1

Вы должны добавить объект в DOM, прежде чем сможете его показать и использовать на нем эффекты.

Например:

content.appendTo('#somedivid').hide().fadeIn(); 

Answer 2

Вы должны добавить его в DOM, скрыть его, а затем постепенно исчезать в:

for(i=0, x=content.length; i<x; i++){  
    $('<p />').text(content[i]).appendTo('#container').hide().fadeIn(); 
} 

Asuming, что содержание является массив текста, вы хотите добавить в #container.

Answer 3

Если каждый элемент массива содержит идентификатор, который связан с элементом на макете страницы вы можете сделать:

$('#'+content[i].id).fadeIn(); 

Answer 4

я не уверен, я понимаю вопрос правильно, но это работает так же, как и с указанными вами функциями text() или html():

var elements = $('.test'); 
// elements is an array of all elements with class 'test' 

// now fade all these elements out: 
elements.fadeOut('slow');