¿Cómo puedo aplicar efectos a los elementos recuperados dentro de una matriz en jQuery?

Question

Me preguntaba si era posible aplicar efectos a elementos recuperados dentro de una matriz.

Yo sé que puede dar salida a los contenidos de la matriz a través de la: .text() o las funciones .html() en jQuery. Pero he estado tratando de fadeIn() el contenido, y nunca funciona.

¿Cómo puedo lograr esto?

Answer 1

Usted debe agregar el objeto en el DOM antes de poder mostrar y utilizar efectos en él.

Por ejemplo:

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

Answer 2

Vas a tener que añadirlo al dom, ocultarlo y luego se desvanecen en:

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

Asumiendo que el contenido es el conjunto de texto que desea agregar a #container.

Answer 3

Si cada elemento de la matriz contiene un identificador que está asociado al elemento en el diseño de página que puede hacer:

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

Answer 4

No estoy seguro de entender la pregunta correctamente, pero funciona igual que con el texto () o html () funciones que usted ha mencionado:

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

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