jQuery Girl
  1. jQuery Girl
  3. Trouver le plus proche du bouton cliqué
Intereting Posts
Recherche d’un plugin de cycle JQuery pour Mootools jQuery: div revient en taille réelle après l’animation Blueimp File Upload rien ne se passe dans IE 8 comment append un jour à une date à l’aide de jquery datepicker jQuery: Déclencher des événements .click () l’un après l’autre Supprimer les hashtags d’une URL, mais toujours accéder à l’élément jQuery pour mettre à jour la liste de sélection obtenir des données du serveur avec jquery ajax dans Android phonegap Struts et Struts-jquery ne fonctionneront pas sous la même forme? jQuery Datepicker – Plusieurs instances et désactiver les dates précédemment sélectionnées? Propriétés Ordre pendant la désérialisation à l’aide de JSON.Net textarea value height Récupère le contenu d’une classe dans un iframe, avec Greasemonkey Jquery / Ajax Actualiser sans recharger ou charger la page? Comment remplacer un contenu html par jsf reRender ou ajax load et relier le nouveau DOM avec AngularJS?

Trouver le plus proche du bouton cliqué

 
$(document).ready(function() { $('button').on('click', function() { $('.container').children().eq(1).append($('p.important').text()); }); }); 
 
1
 
2
  
3
 
Text to be copied

Je veux trouver la balise p supérieure la plus proche de mon bouton. Par exemple, si je déplace le bouton sous

1

, il doit lui append des valeurs. Si je déplace mon bouton en bas, il devrait append des valeurs supplémentaires à

3

.

Est-ce possible avec mon code HTML actuel?

Vous pouvez utiliser next méthode next ou prev .

.next( [selector] ) : Récupère le frère immédiatement suivant de chaque élément de l’ensemble des éléments correspondants. Si un sélecteur est fourni, il récupère le frère suivant uniquement s’il correspond à ce sélecteur.

.prev( [selector] ) : .prev( [selector] ) le frère immédiatement précédent de chaque élément de l’ensemble des éléments correspondants, éventuellement filtré par un sélecteur. 

 $('.container button').on('click', function(e) { e.preventDefault(); var txt = $('p.important').text(); $(this).next('p').append(txt); });

Essayez la méthode la plus proche . Il faut faire le tour! 

 $("button").click(function(){ $(this).closest('p'); })

Vous pouvez utiliser l’une des méthodes suivantes, selon vos besoins:

  • Next () – parcourant l’arborescence du dom
  • Closest () – Parcourir l’arbre du dom