Accéder aux données d’un tableau avec jquery

J’essaie de passer en boucle dans un tableau uniquement si je ne peux pas sembler extraire les données de mon tableau

http://jsfiddle.net/338Ud/

var listTicker = function (options) { var defaults = { list: [], startIndex: 0, interval: 3 * 1000, } var options = $.extend(defaults, options); var listTickerInner = function (index) { if (options.list.length == 0) return; if (!index || index  options.list.length) index = 0; var value = options.list[index]; options.sortingckerPanel.fadeOut(function () { $(this).html(value).fadeIn(); }); var nextIndex = (index + 1) % options.list.length; setTimeout(function () { listTickerInner(nextIndex); }, options.interval); }; listTickerInner(options.startIndex); } var textlist = new Array({ id: 0, name: 'Antonia Lallement', title: '\u003cp\u003e\u003cspan\u003eConsultant\u003c/span\u003e\u003c/p\u003e', bio: '\u003cp\u003eI started as a resourcer at company three months ago so I\u0026rsquo;ma new team member. Sin...', image: 'antonia.jpg' }, { id: 1, name: 'Camilla Gobel', title: '\u003cp\u003e\u003cspan\u003eBusiness Manager\u003c/span\u003e\u003c/p\u003e', bio: '\u003cp\u003eI joined company in 2011. As a multilingual Consultant, my initial focus was the provisi...', image: 'camilla.jpg' }, { id: 2, name: 'Mark Dorey', title: '\u003cp\u003e\u003cspan\u003eDiscipline Manager (Process, Subsea, Project, Safety)\u003c/span\u003e\u003c/p\u003e', bio: '\u003cp\u003eWhen I joined company I started as a resourcing specialist and worked across Search and ...', image: 'mark.jpg' }, { id: 3, name: 'Sadia Butt', title: '\u003cp\u003e\u003cspan\u003eDiscipline Manager (Mechanical, Piping, Structural)\u003c/span\u003e\u003c/p\u003e', bio: '\u003cp\u003eI couldn\u0026rsquo;t have asked for a better company to work for! After working as a resourc...', image: 'sadia.jpg' }, { id: 4, name: 'Samantha Linnert', title: '\u003cp\u003e\u003cspan\u003ePayroll Assistant\u003c/span\u003e\u003c/p\u003e', bio: '\u003cp\u003eI began at company as an operations assistant learning to spec CVs and post jobs. Shortl...', image: 'samantha.jpg' }, { id: 5, name: 'Simon Cottenham', title: '\u003cp\u003e\u003cspan\u003eConsultant, Middle East\u003c/span\u003e\u003c/p\u003e', bio: '\u003cp\u003eI have been with company for exactly one year now, I never would have believed that I wo...', image: 'simon.jpg' }, { id: 6, name: 'Vicky Spencer', title: '\u003cp\u003e\u003cspan\u003ePayroll Manager\u003c/span\u003e\u003c/p\u003e', bio: '\u003cp\u003eI started my career at company in July 2012 initially covering maternity leave, managing...', image: 'vicky.jpg' }); $(function () { listTicker({ list: textlist, startIndex: 0, sortingckerPanel: $('.textbox'), interval: 3 * 1000, }); }); 

vous ajoutez un object à un fichier HTML …. use . opérateur pour obtenir les valeurs réelles

 .... options.sortingckerPanel.fadeOut(function () { $(this).html(value.id).fadeIn(); //--------^^^----here } 

Je prends l’identifiant de l’object et le montre dans le div .. vous pouvez append ce que vous avez besoin là-bas ..

 $(this).html(value.title).fadeIn(); //to get title 

jouer du violon ici

 $.each(textlist, function(index, value){ //do stuff with your array }); 

En collant juste le diff, j’ai essayé d’obtenir les données ci-dessous.

Du code ci-dessus.

 options.sortingckerPanel.fadeOut(function () { $(this).html(value).fadeIn(); }); 

Le diff,

 options.sortingckerPanel.fadeOut(function () { $(this).html(value.bio).fadeIn(); }); 

La différence, sa valeur correspond à la totalité de l’object du tableau transmis à la fonction fadeOut; l’access à chaque élément du tableau donne le résultat.