Discussion :

[Nelmo]

Bonjour,

En cherchant à comprendre comment réaliser une fonction proposant une recherche dynamique dans un tableau, je suis tombé sur ce code. N'aimant pas pomper sans comprendre, je me demande si quelqu'un pourrait m'aider à comprendre ce qui ce dans la boucle if, principalement ce que vaut la variable 'match' si il y a plusieurs tr possible. Est-ce quelle contient toutes les tr qui match ? Je n'arrive pas à comprendre comment match.addClass fait pour connaitre tous les tr ... idem pour nomatch, mais le mécanisme est le même, hormis l'ajout du not et de son pendant nomatch.css ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
  $('input[name="search"]').keyup(function(){
    var searchvalue = $(this).val();
    if (searchvalue.length > 3) {
      var match = $('#table1 tr:contains("' + searchvalue + '")');
      var nomatch = $('#table1 tr:not(:contains("' + searchvalue + '"))');
      match.addClass('selected');
      nomatch.css("display", "none");
    } else {
      $('#table1 tr').css("display", "");
      $('#table1 tr').removeClass('selected');
    }
 
  }); 
});

EN espérant que quelqu'un peut m'aiguiller.

[danielhagnoul]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$( '#table1 tr:contains("' + searchvalue + '")' );

Sélectionner tous les éléments TR qui contiennent le texte contenu dans le paramètre searchvalue : http://api.jquery.com/contains-selector/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$( '#table1 tr:not(:contains("' + searchvalue + '"))' );

Sélectionner tous les éléments TR qui ne contiennent pas le texte contenu dans le paramètre searchvalue.

[Nelmo]

Bonjour et merci pour ta réponse.

En fait, la variable match contient tous les tr qui match ? sous quel format ?

[danielhagnoul]

Bonsoir

Un sélecteur jQuery, $( ... ), produit un objet jQuery, qui peut être manipulé comme un array d'objets jQuery.

match.length : le nombre d'objet jQuery contenu dans match

match.eq( 0 ) : le premier objet jQuery contenu dans match.

match.eq( 0 ).get( 0 ) ou match.eq( 0 )[ 0 ] : l'élément du DOM, ici un tag "TR", contenu dans le premier objet jQuery.

[Nelmo]

Merci pour ces explications, je vais tester cela sous peu.

Un sélecteur jQuery, $( ... ), produit un objet jQuery, qui peut être manipulé comme un array d'objets jQuery.

merci, je vais aller méditer ca