Comment puis-je appliquer des effets aux éléments récupérés dans un tableau dans jQuery?

Question

Je me demandais s'il était possible d'appliquer des effets aux éléments récupérés dans un tableau.

Je sais que je peux sortir le contenu du tableau via:. text() ou les fonctions .html() dans jQuery. Mais j'ai essayé de fadeIn() le contenu, et cela ne fonctionne jamais.

Comment puis-je accomplir ceci?

Answer 1

Vous devez ajouter l'objet dans le DOM avant de pouvoir l'afficher et utiliser des effets.

Par exemple:

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

Answer 2

Vous devez ajouter au dom, le cacher, puis disparaître dans:

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

Asuming que le contenu est le tableau de texte que vous vous vouloir ajouter à #container.

Answer 3

Si chaque élément du tableau contient un identifiant qui est associé à l'élément sur la mise en page que vous pouvez faire:

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

Answer 4

Je ne suis pas sûr que je comprends bien la question, mais il fonctionne de la même comme avec les fonctions text() ou html() que vous avez mentionnées:

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

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