Discussion :

[comme de bien entendu]

Bonjour, je cherche à récupérer en jQuery le NOM et le PRENOM de mes listes de tableaux pour laquelle la checkbox est cochée, mais je tourne en rond. Est ce que vous auriez des pistes svp ?

Code :

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

1
2
3
4
5
$('table [type="checkbox"]').each(function(i, chk) {
    if (chk.checked) {
      essai[cpt]=  $(this).siblings().filter('NOM');
      cpt++;
   }

Code html :

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

1
2
3
4
5
6
7
8
9
<tr data-idbdd="17">
<td><input type="checkbox" name="checkbox"> 
</td><td class="d-none" id="id" name="id">17 </td>
<td contenteditable="true" id="SEXE" type="text" name="SEXE">  M </td>
<td contenteditable="true" attrnom="Person" id="NOM" type="text" name="NOM">  Person </td>
<td contenteditable="true" id="PRENOM" type="text" name="PRENOM">  Cecile </td>
<td contenteditable="true" id="CODE_POSTAL" type="text" name="CODE_POSTAL">  38640 </td>
<td contenteditable="true" id="MAIL" type="text" name="MAIL">  <a href="mailto:CecilePerson@gmail.com">CecilePerson@gmail.com</a> </td>
<td contenteditable="true" id="TELEPHONE" type="text" name="TELEPHONE">  1000017 </td></tr>

[mathieu]

affichez le résultat de $(this).siblings() pour vérifier ce que vous obtenez.

[comme de bien entendu]

Une fois que j'ai cela, comment je peux accéder aux données ? Je n'ai pas encore expérimenté à fond le debugguer de Chrome.

[mathieu]

le plus simple est d'utiliser console.log() pour afficher dans la console. vous avez le résultat, length = 0, le retour est vide.
la méthode "siblings" retourne les élément html du même niveau et là, la case à cocher est le seul enfant dans "td" (https://api.jquery.com/siblings/)

quel élément html voulez-vous attendre ? la balise td id=NOM ?

[NoSmoking]

Bonjour,
enlève moi un doute, toutes tes lignes possèdent des éléments avec des ID uniques !

Sinon il suffit de récupérer la collection des <td> du closest et de sélectionner celle qui intéresse via son index, et donc pas besoin d'ID.

• jQuery.get(index)

Au passage filter ne s'utilise pas comme cela : jQuery.filter().

[jreaux62]

Bonjour,

1- la solution de Nosmoking est bonne...
sauf si on ajoute/supprime/intervertit des colonnes plus tard...

2- Solution simple :
Exactement de la même manière que tu récupères l'ID :

Code :

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

<tr data-idbdd="17" data-nom="..." ......>

3- autre solution mettre un attribut id (UNIQUE grâce à l'ID) sur les <td> utiles :

Code :

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

1
2
<td id="NOM-17">.......
<td id="PRENOM-17">.......

Où 17 est l'ID de la ligne

Important :

Code :

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

1
2
<td id="NOM">.......
<td id="PRENOM">.......

Ce n'est pas possible, car ces id se répètent sur chaque ligne.
Or, un attribut id doit être unique

[comme de bien entendu]

Sinon il suffit de récupérer la collection des <td> du closest et de sélectionner celle qui intéresse via son index, et donc pas besoin d'ID.

• jQuery.get(index)

Merci pour ce retour,
J'ai donc essayé cette requette,

Code :

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

Nom[cpt]=  $(this).closest('tr').siblings().children().get(3);

qui me renvoie

<td contenteditable="true" attrnom="Person" " type="text" name="NOM"> Person </td>

Est ce qu'il y a un moyen d'isoler le nom via la Jquery en l'occurence "Person" ? (je trouve peu de doc pour se mettre facilement à Jquery)