jQuery Girl
  1. jQuery Girl
  3. Identifier tous les éléments présents à la position spécifiée
Intereting Posts
Répéter div avec des champs de formulaire Comment renommer tous les identifiants sous une forme clonée (javascript)? Mettre en cache ou ne pas mettre en cache $ (this) dans jQuery Comment accéder à un jeu de variables dans un appel Ajax chargement paresseux google maps rappel jQuery api v3 Ignorer les erreurs AJAX avec le tableau promises et $ .when jsTree ne fonctionne pas Attendez deux événements avec jQuery et exécutez un rappel lorsque les deux sont terminés Ajout de légendes et de la valeur de l’axe des y sur les graphiques à barres sparkline Comment insérer une variable $ dans jQuery Javascript Infinite Scroll à l’intérieur d’un div Hauteur égale pour deux divs erreur jqgrid – b.jgrid.jqID n’est pas une fonction Comment redimensionnez-vous Fancybox au moment de l’exécution? Dénouement des promesses et de leurs gestionnaires

Identifier tous les éléments présents à la position spécifiée

Existe-t-il une méthode dans jQuery pour sélectionner tous les éléments situés à une position particulière, par exemple, sélectionner l’élément situé à gauche: 100 et haut: 300 et un autre div situé à la même position, sur un clic, je souhaite obtenir les identifiants des deux Div ?

Ce serait bien si je pouvais sélectionner un élément situé dans une plage de positions,

http://jsfiddle.net/simmi_simmi123/YjC6y/1908/

Ce violon mais son identifiant ne montre que le top div. 

$(document).ready(function(){ $(document.body).bind('click', function(e){ var elem = document.elementFromPoint(e.pageX, e.pageY); alert('you selected element id: ' + elem.id); }); });

Essayez mon violon http://jsfiddle.net/YjC6y/1911/

Il utilise le code de possible dup comme commenté sur votre message d’origine: 

 $(document).ready(function(){ $(document.body).bind('click', function(e){ var elems = GetAllElementsAt(e.pageX, e.pageY); elems.each(function() { alert($(this).attr('id')); }); }); }); function GetAllElementsAt(x, y) { var $elements = $("body *").map(function() { var $this = $(this); var offset = $this.offset(); var l = offset.left; var t = offset.top; var h = $this.height(); var w = $this.width(); var maxx = l + w; var maxy = t + h; return (y <= maxy && y >= t) && (x <= maxx && x >= l) ? $this : null; }); return $elements; }

Crédits principaux @hunter pour cet article: recherche des éléments empilés sous (visuellement) un élément dans jquery

Quelque chose comme ça – 

 $('*').filter(function () { if ($(this).position().left === 100 && $(this).position().top === 300) return true; else return false; }).each(function () { console.log($(this).attr('id')); });

Démo --> http://jsfiddle.net/YjC6y/1910/