每个元素的位置

时间:2017-07-29 23:52:43

标签: jquery

我想获得每个元素的位置,但它只显示了最后一个元素。如何获得所有补偿?这是代码:

$("box").each(function(){
  var offsetT = $(this).offset().top;
  $("#result").text(offsetT);
});

https://jsfiddle.net/3fpykegb/

3 个答案:

答案 0 :(得分:3)

您需要使用.append代替.text您可能需要添加一些额外的格式以使其清晰易读。

 $("#result").append(offsetT);

答案 1 :(得分:1)

请使用此代码。



$("box").hover(function() {
  var offsetL = $(this).offset().left;

  $("#result").text(offsetL);
});

box {
  width: 100px;
  height: 100px;
  float: left;
  margin: 50px;
  background-color: red;
}

#result {
  position: absolute;
  background-color: green;
  color: #fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<box></box>
<box></box>

<div id="result">s</div>
&#13;
&#13;
&#13;

答案 2 :(得分:-1)

您的上一个结果替换了存储在#result div

中的先前结果