Une itération à travers les cellules d'un tableau à l'aide de jquery

J'ai une table contenant un nombre variable de colonnes. J'ai écrit une fonction pour itérer sur chaque cellule de chaque ligne pour effectuer les opérations suivantes:

  1. Vérifier la présence d'une entrée
  2. Récupérer la valeur de l'entrée
  3. Ajouter un graphique à n'importe quelle cellule où la condition #1 est évaluée à true

Voici mon code:

function addPieCharts() {
var htmlPre = "<span class='inlinesparkline' values='";
var htmlPost = "'></span>"
var colors = ["red", "blue"];

$("#MarketsTable tr").each(function () {

    $('td').each(function () {
        var value = $(this).find(":input").val();
        var values = 100 - value + ', ' + value;

        if (value > 0) {
            $(this).append(htmlPre + values + htmlPost);
        }
     })

})

$('.inlinesparkline').sparkline('html', { type: 'pie', sliceColors: colors });
}

Les étapes 1 à 3 sont essentiellement travailler comme décrit. Lorsque cela va les diagrammes circulaires sont ajoutés à la bonne cellules présentant les valeurs correctes. Mon problème est que je m'attends simplement un graphique en secteurs par cellule où il existe une entrée. Cependant, je n camemberts par cellule où n est égal au nombre de colonnes dans la table. Je pense que je suis en utilisant jQuery méthode each() d'une manière incorrecte. Quelqu'un peut-il me dire ce que j'ai fait de mal?

OriginalL'auteur hughesdan | 2012-02-03