Как я могу применить эффекты к извлеченным элементам внутри массива в 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();
}

Предполагается, что содержимое - это массив текста, который вы хотите добавить в #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');