This is a text...">

Geek asks and answers

How can I select an item based on its position?

How can I select an item based on its position?

<div id="parent">
    <p id="text">This is a text</p>
</div>

// CSS

#parent{width:100px;height:100px;position:absolute;left:100px;top:100px;}

Now using left = 100px, top = 100px, how can I select a div element using jQuery?

+3
source share
3 answers

Something like this might work:

var el = document.elementFromPoint(100, 100);
var $el = $(el); // if you really want to use jQuery.

Documentation for document.elementFromPoint.

This may not be what you are looking for: it will receive only the visible, topmost element at this point, and it will receive any element occupying this space, and not just the one whose upper left corner is at this point. But most likely it will help :).

It is supported by all major browsers , although you can get ridiculous results with Safari 4 or Opera 10.10.

+6
source

, . :

function getElementsByPosition(x,y) {
  var elements=new Array();
  $('*').each(function() {
    if($(this).css('top')==x && $(this.css('left'))==y) {
      elements[elements.length]=this;
    }
  });
  return elements;
}

: Domenic . , , .

+1

The jQuery function css()allows you to get the value of CSS properties, for example, css('left')returning the left position of your element.

However, in your question, you are about choosing a div element based on its location. I suppose you mean something like that $('left=100px'). It's impossible. jQuery uses CSS selectors that query the structure, not the DOM style.

+1
source

More articles:


All Articles