JQuery:找到一个元素位置

时间:2015-05-10 13:32:12

标签: javascript jquery html css

我正在通过互联网进行研究,但一无所获,所以我决定在这里问一下。 "如何检测哪个HTML元素位于屏幕中央"。我真正需要的是找到一个right:0.

的元素

它的定位如下:

$("#element").animate({right: 0}, 50);

我只是在屏幕上移动了多个元素,并且在某些时候它们会停止。其他人不在屏幕之外。这个是在中心。顺便说一下,它是width:100%。任何想法如何在HTML中的DIV标记中检测到它。

注意:我有一个包裹所有元素的#container

2 个答案:

答案 0 :(得分:0)

根据您的说法:What I exactly need is to find an element with right:0.

你可以这样做:

 var elements = $('[style=right:0px]');

但是,如果您的元素具有style属性,则此功能将起作用。

否则,您可以尝试这样的事情:

 var elements = $('*').filter(function() {
      return this.element.style['right'] == '0px';
      //or -> return $(this).css('right') == '0px';
 });

答案 1 :(得分:0)

其他答案涵盖了样式属性的查找,但是当您执行.animate()时我会添加一个id / class,以便日后检索。

$(".centered").removeClass("centered"); // optionally, remove the class for the existing center
$("#element").addClass("centered").animate({right: 0}, 50); // mark the new center
// later in the code
var $center = $(".centered");

更好的是,居中类可用于根据您的需要设置元素样式,因此您不需要为样式设置动画,只需为该类设置动画。