jQuery Girl
  1. jQuery Girl
  3. Accéder aux frères et sœurs dans jQuery
Intereting Posts
Comment inclure jQuery dans un projet ASP.Net? Le fichier JavaScript ne se charge pas empêche l’étiquette de basculer la case de saisie comment boucler une animation jquery div? Jquery – parsing le XML reçu de l’URL Est-il possible d’appeler et d’exécuter pjax par programmation à partir de mon fichier javascript? click () assigné dans document.ready dans jQuery Compatibilité jQuery et navigateur mobile? Afficher les champs de formulaire en fonction de la sélection du bouton radio jQuery $ () vs. document.getElementByID – différences Jquery 3.0.0 incompatible avec Jquery Mobile? Choisissez un segment dans un tableau d’images chargées avec Ajax La fonction de rappel jQuery ne fonctionne que sur la dernière boucle Uncaught URIError: URI malformé – Onglets de l’interface utilisateur jQuery sous Windows JQuery .resizable, comment sélectionner un enfant pour la propriété alsoResize

Accéder aux frères et sœurs dans jQuery

Je veux accéder au frère d’une colonne: 

 1 2 3

Quand je clique sur 3, comment puis-je accéder à 1?

Vous pouvez utiliser – 

 $('td:last').on('click', function(){ $(this).siblings('td:first').css('color', 'red'); })

Démo : http://jsfiddle.net/RK56q/

Vous pouvez utiliser la fonction .siblings jquery

http://api.jquery.com/siblings/

Si j’ai bien compris; 

 var td = $('tr td'), len = td.length; td.on('click', function() { var i = (td.index(this) + 1) % len; console.log(td.eq(i)); });

cela va revenir

  • 2nd td quand vous cliquez sur 1st td
  • 3ème td lorsque vous cliquez sur le 2ème td
  • 1er td quand vous cliquez sur le 3ème td

exemple de violon: http://jsfiddle.net/BmYue/2/

ou vous pouvez également utiliser les méthodes .parent () et .children () pour y accéder. 

 $(this).parent().children()

Mais la version plus facile est la fonction .siblings jquery.

http://api.jquery.com/parent/ http://api.jquery.com/children/