Maison

Effets spéciaux JS

effets jQuery

Le JSON de jQuery obtient dynamiquement le code des données de la table

Télécharger maintenant Aperçu

/*双击展开关闭*/
fonction dbClick(obj) {
if($(obj).next().is(":hidden")) {
$(obj).next().show();
} autre {
$(obj).next().hide();
}
};
$(fonction() {
$("#mainTable thead").next().empty();
vark = 0;
$.getJSON("revenu.json", fonction(données) {
$.each(données, fonction(mainIndex, mainTable) {
/*收入单位*/
var mainTrObj = "<tr class='mainTr avertissement' ondblclick='dbClick(this)'><td>" + mainTable. IncomeUnit + "</td><td>" + mainTable.firm + "</td><td>" + mainTable.numéro + "</td><td>" + mainTable.instructionType + "</td><td>" + mainTable.dept + "</td><td>" + mainTable.totalPrice + "</td></tr>";
$("#mainTable").append(mainTrObj);
/*支出单位表头*/
var haveChild = data[k].child.length;
si (haveChild == 0) {
var nullHead = "<tr><td colspan='5' align='center'>暂无数据</td></tr>";
$("#mainTable").append(nullHead);
} autre {
var smallTit = "<tr><td colspan='6'><table id='smallTable" + k + "' class='table-condensed table smallTable'><tr id='smallTr" + k + "' class = 'succès'><td>用类型</td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支出单位遍历*/
var numnerSomme = 0;
var prixSomme = 0;
var non réglé = 0;
var enfant = data[k].child;
pour(var j = 0; j < haveChild; j++) {
numnerSum = numnerSum + parseInt(child[j].number);
priceSum = priceSum + parseFloat(child[j].price);
priceSum = Math.round(priceSum * 100) / 100;
non réglé = parseFloat(mainTable.totalPrice) - priceSum;
non réglé = Math.round(non réglé * 100) / 100;
var smallTrObj = "<tr class='smallTr'><td>" + enfant[j].expendUnit + "</td><td>" + enfant[j].numéro + "</td><td>" + enfant[j].prix + "</td><td colspan='2'>" + enfant[j].type + "</td></tr>";
$("#smallTr" + k).after(smallTrObj);
/*计算数量、价格、未结费*/
}
/*小计行*/
var totalTrObj = "<tr class='danger'><td>Sous-total</td><td>" + numnerSum + "</td><td>" ;<td align='center'>Frais impayés " + non réglés + "</td></tr>";
$("#smallTable" + k).append(totalTrObj);
console.log(priceSum);
console.log("Frais non réglés" + non réglé);
k++;
});
});

Le code jQuery JSON pour obtenir dynamiquement des données de table est une fonction jQuery qui appelle une table json pour obtenir dynamiquement des données. Les tables sont toutes pliées et toutes sont fermées. Double-cliquez sur la ligne du tableau pour plier et fermer le tableau.

Remarque : étant donné que le serveur ne prend pas en charge JSON, il n'y aura aucune donnée. Téléchargez le package compressé et créez-le vous-même !

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

jQuery génère dynamiquement le code d'implémentation de la liste déroulante des options de sélection

22 Jan 2018

Il existe de nombreuses façons d'implémenter la liste déroulante des options de sélection. Cet article présente principalement la méthode d'implémentation de jQuery générant dynamiquement la liste déroulante des options de sélection. Les amis qui en ont besoin peuvent s'y référer.

Comment puis-je envoyer des données JSON avec $.ajax de jQuery sans le piège de la chaîne de requête ?

01 Nov 2024

Surmonter le piège des chaînes de requête : envoyer du JSON avec $.ajaxLorsque vous utilisez la méthode $.ajax de jQuery, convertir vos données en chaîne de requête peut être un...

Comment supprimer des enregistrements de la table de base de données via le code PHP

25 Apr 2023

La suppression d'enregistrements de table est une opération très courante dans la programmation PHP. En effet, lors du développement d'applications Web, vous devez généralement interagir avec une base de données pour stocker et récupérer des données. Dans ce processus, il est souvent nécessaire de supprimer des enregistrements du tableau. Cependant, la suppression ne doit pas être effectuée à la légère car elle entraînerait une perte permanente de données. Dans cet article, nous apprendrons comment supprimer des enregistrements d'une table de base de données via le code PHP. Tout d’abord, comprenons le concept des opérations de suppression. Une opération de suppression fait référence à la suppression d'un ou plusieurs enregistrements d'une base de données relationnelle. En PHP, vous pouvez

Explication détaillée de la façon dont jQuery getJSON traite le code de données dans json

03 Jul 2017

Gestionnaire Ashx : Si vous devez renvoyer un objet au format json, vous devez définir le type MIME sur : "application/json".

Méthode Java pour produire des données JSON de structure arborescente basées sur le contenu de la table de base de données

10 Jan 2017

L'éditeur ci-dessous vous proposera un article sur la façon d'utiliser Java pour générer des données JSON arborescentes basées sur le contenu des tables de base de données. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l’éditeur et jetons un coup d’œil.

Exemple de code JAVA pour produire des données JSON structurées en arborescence basées sur le contenu d'une table de base de données

10 Jan 2017

Cet article présente principalement l'exemple de code JAVA produisant des données JSON arborescentes basées sur le contenu de la table de la base de données. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer.

Exemple de code JAVA pour produire des données JSON structurées en arborescence basées sur le contenu d'une table de base de données

17 Jan 2017

Comment définir le délai dans jquery

26 Apr 2023

Dans le développement front-end, nous devons souvent utiliser jQuery pour gérer certains effets interactifs et effets d'animation, tels que les effets d'animation lorsque la souris survole, les effets d'animation lors du chargement de la page, etc. Mais il faut parfois fixer un délai pour que ces effets puissent mieux s'exprimer. Alors, comment jQuery définit-il un délai ? Cet article présentera ce problème en détail. 1. Méthode de retard dans jQuery Dans jQuery, l'effet de retard peut être facilement obtenu en utilisant la méthode delay(). La méthode delay() peut être utilisée

Collection d'effets Jquery pour créer des effets spéciaux de score d'examen de santé informatique avec le code source download_jquery

16 May 2016

Cet article vous présente l'encyclopédie des effets jquery pour créer des effets spéciaux pour les résultats des examens de santé informatiques et est accompagné de téléchargements de code source. Les amis intéressés par l'encyclopédie des effets jquery peuvent apprendre ensemble.

See all articles

Outils chauds Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.