position 是 JavaScript 或 jQuery 中的一个数组

position is an array in javascript or jquery

本文关键字：一个 数组 JavaScript jQuery position      更新时间：2023-09-26
<div className="example" style="top:10;left:10"></div>  //array 1
<div className="example" style="top:100;left:100"></div>  //array 2
<div className="example" style="top:145;left:101"></div>  //array 3
<div className="example" style="top:120;left:150"></div>  //array 4
<div className="example" style="top:145;left:160"></div>  //array 5
<div className="example" style="top:10;left:120"></div>  //array 6
<div className="example" style="top:15;left:100"></div>  //array 7

<script>
var x = $(".example")[0].position();  //array 1 [0]
alert("Top: " + x.top + " Left: " + x.left);
</script>

我需要获得某个div的位置

但是当我运行代码时出现错误

VM163：1 未捕获类型错误： $(...([0].position 不是一个函数(...(

试试这个： http://jsbin.com/liliwarogo/1/edit

var x = $($(".example")[0]).position();  //array 1 [0]
alert("Top: " + x.top + " Left: " + x.left);

基本上，如果你$(".example")[0]它不再是jQuery元素，所以position()不存在。我再次将所有内容包装在jQuery中，以获取position()函数。

当然，最佳解决方案是这样的：$(".example:eq(0)").position()

此解决方案仅使用 JavaScript。 

var x = document.getElementsByClassName("example")[0].getBoundingClientRect();
alert("Top: " + x.top + " Left: " + x.left);

这是 jsbin 示例

相关文章：