Maison  >  Article  >  interface Web  >  Comment parcourir les éléments td et les additionner à l'aide de jQuery

Comment parcourir les éléments td et les additionner à l'aide de jQuery

PHPz
PHPzoriginal
2023-04-10 14:22:14948parcourir

Dans le développement Web, jQuery est une bibliothèque JavaScript couramment utilisée. Elle encapsule un grand nombre d'opérations DOM couramment utilisées et simplifie le travail des développeurs. L'un des besoins courants est de additionner une certaine colonne du tableau. Cet article explique comment utiliser jQuery pour parcourir les éléments td et les additionner.

Pour un tableau simple, vous devez d'abord obtenir la partie tbody du tableau. Vous pouvez utiliser le code suivant pour y parvenir :

var tbody = $('table tbody');

Ensuite, vous devez parcourir chaque ligne de tr dans le tbody, puis parcourir chacune d'elles. td dans la ligne pour trouver la somme requise des colonnes et additionnez les nombres dans td. Le code est le suivant :

// 需要求和的列的索引值
var columnIndex = 1;
// 用于累加列中的数字
var sum = 0;

// 遍历每个 tr
tbody.find('tr').each(function() {
  // 找到需要求和的列
  var td = $(this).find('td').eq(columnIndex);
  // 将该列中的数字累加起来
  sum += parseInt(td.text());
});

// 输出求和结果
console.log('总和为:' + sum);

Dans le code ci-dessus, la variable columnIndex représente la valeur d'index de la colonne qui doit être additionnée, et la variable sum est utilisée pour accumuler les nombres dans la colonne. Lorsque vous parcourez chaque tr dans tbody, utilisez la méthode find pour trouver le td situé dans columnIndex dans la ligne, puis utilisez parseInt pour convertir le contenu de td en nombres et les ajouter à la somme.

En utilisation réelle, vous devez également faire attention aux points suivants :

  1. Vous devez juger si le contenu de td est un nombre. S'il ne s'agit pas d'un nombre, vous devez ignorer le td ou le traiter comme 0. .
  2. Pour la somme des nombres à virgule flottante, en raison de problèmes de précision, il peut y avoir des chiffres supplémentaires après la virgule décimale. Cela doit être évité. Par exemple, vous pouvez additionner les nombres à virgule flottante de chaque td à deux décimales ou convertir tous les nombres en nombres entiers avant de les additionner.
  3. Si vous devez additionner les mêmes colonnes dans plusieurs tableaux, vous pouvez utiliser le code ci-dessus pour chaque tableau séparément, ou vous pouvez encapsuler le code dans une fonction pour additionner n'importe quelle table.

En résumé, utiliser jQuery pour parcourir td et sum est une opération relativement simple, mais vous devez faire attention aux problèmes de précision et à la manière de gérer le contenu non numérique. Maîtriser cette opération peut grandement améliorer l’efficacité du développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn