如何使用公共類獲得大量跨度的偏移值

Question

我目前有大量的跨度都有一個共同的類（你可能從標題中猜到）。 當我嘗試：

$(".span-class").offset().top;

我試圖檢查一個元素和所有跨度之間的沖突，而不創建超過10個唯一的id和.offset調用。 但我只接受HTML中類的第一個元素的.offset().top值。

那么有沒有辦法檢查所有這些元素的位置，而不需要額外的10行代碼？ 提前致謝！

Answer 1

var spanArr = [];
$("span.span-class").each(function () {
   spanArr.push($(this).offset().top);        
});

Answer 2

這是使用地圖而不是每個 地圖來解決此問題的另一種方法。 你的問題顯然是地圖的用例。

var offSetops = $(".span-class").map(function(){
  return $(this).offset().top;
}).get();

 var offSetops = $(".span-class").map(function(){ return $(this).offset().top; }).get(); console.log(offSetops); 

 .span-class{ display:block; height: 10px; margin: 2px; background-color: gray; } 

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

Answer 3

試試吧..

var offSetops = [];

$(".span-class").each(function(){
    var offsetTop = $(this).offset().top;
    offsetops.push(offsetTop);
})
console.log(offSetops);