Maison >interface Web >js tutoriel >exemple jquery de filtrage des données de table via la sélection de liste de sélection box_jquery
exemple jquery de filtrage des données de table via la sélection de liste de sélection box_jquery
- WBOYoriginal
- 2016-05-16 16:49:411329parcourir
jquery filtre les données du tableau via la zone de sélection de la liste de sélection
Données du tableau
Copier le code Le code est le suivant :
"
"
"
🎜> >
Code de filtrage JS, où select est généré dynamiquement
Copier le code
Le code est le suivant :
$("#example > thead th").each(function(i) {
$("").attr("data-index", i).html( $( "")).change(function() { [], children = $(this).children(); children.each(function(i) {
var value = $("select[data-index='" i "']"). val();
if (value == $(this).text() || value == ""). comb.push(1);
}); return comb.length != children.length; }).hide(); }).appendTo("body");});$("#example > tbody tr").each( function() { $(this).children().each(function(i) {
var that = $(this); var select = $("select[data-index=' " i "']");
if (!select.children().filter(function() {
). });
if (!select.children().filter(function() {
). });
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
Article précédent：Utilisez JS natif pour encapsuler les effets de glissement d'applications Web (glissade inertielle, rebond coulissant)_compétences JavascriptArticle suivant：Utilisez JS natif pour encapsuler les effets de glissement d'applications Web (glissade inertielle, rebond coulissant)_compétences Javascript
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript