Comment puis-je appliquer des effets aux éléments récupérés dans un tableau en 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 de .html() dans jQuery. Mais je suis en train de fadeIn() le contenu, et il ne fonctionne jamais.

Comment puis-je y arriver?

Answer 1

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

Par exemple:

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

Answer 2

Vous devrez 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 souhaitez 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 la question fonctionne correctement, mais il fonctionne comme avec le texte () ou html () que vous avez mentionné:

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

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