Discussion :

[flavors]

Bonjour,

Je rencontre un petit probléme pour récuperer la valeurs de certaines cases précises de mon tableau HTML.
J'ai donc un tableau HTML avec des rowspans :
Le tableau : http://hpics.li/14e845b

Ce que je voudrais faire c'est qu'aprés avoir sélectionné plusieurs lignes, on clique sur afficher et les marques de voiture des lignes selectionnées s'affiche.
Pour l'instant j'en suis la :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function afficher()
{
	$('.selected').each(function() 
	{
		var identifiant = $(this).find('.col_marque').html(); 
		//if(identifiant!="NULL")
		//{
				alert(identifiant);
		//}
	});
}

Pour chaque ligne sélectionnée, je recupére dans la variable identifiant la valeur de la cellule ayant la classe "colmarque".
Le probléme que j'ai c'est que si j'ai un rowspan de 3 sur la ligne sélectionnée(quand je dis ligne je parle de "grosse"ligne avec le rowspan), le premier affichage est bien le marque de la voiture mais les deux autres ont undefined (normal puisque dans la "grosse" ligne, il y a 2 ligne où la colone marque n'existe pas).
Le JSFiddle pour illustrer : https://jsfiddle.net/Flavors/nuzo8gn2/14/
Donc voila du coup je ne vois pas trop comment m'y prendre. S'y quelqu'un à une solution, je suis preneur!

Merci.

[flavors]

Quelqu'un m'a gentillement apporté la solution.

Je met le code ici, si ça peut aider.

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
 
$('#display').on('click', function(){ //Fonction si appuie sur le bouton 
    var items = []; // on créait une liste vide pour y mettre les cellules récupérées
    $('.selected').each(function(){ // on parcourt toutes les lignes ayant la classe "selected"
        var id = $(this).find('.col_marque').html(); //On met dans la variable "id" la valeur de la la cellule ayant la classe col_marque
 
        if ('undefined' != typeof(id)) { // on teste si elle existe bien (si elle n'existe pas elle a "undefined"
            items.push(id); // On met "id" dans la liste
        }
    });    
 
    if (items.length) {
        $('.marques').text(items.join(', '));//On affiche la liste dans un span ayant pour classe"marques"
    }
});