Sélectionner l'élément frère d'une checkbox sélectionnée

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:

---

1 2 3 4 5

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

---

Code:

---

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>

---

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

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.
Pièce jointe 600997

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 ?

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().

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:

---

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

---

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

Code:

---

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

---

Où 17 est l'ID de la ligne

Important :

Code:

---

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

Citation:

---

Envoyé par NoSmoking

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:

---

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

---

qui me renvoie

Citation:

---

<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)

Cela devrait marcher avec simplement :

Code:

---

$(this).closest('tr').children().get(3);

---

les <td> étant des enfants directs des <tr>.

Pour le reste, la documentation sera ton allier : jQuery..text().