展開/摺疊部分的顯示偏移座標

Question

我在我的網頁中有一個expand/collapse部分。展開/摺疊使用section而不是div/table完成。我的代碼是：

<section id="examples"> 
    <text id = "ui-examples"> 
     <p class="the-data">Of course you can add other text before, after, and around the elements described in the previous section.</p> 
    </text> 
</section> 

在加載頁面有發生的the-data許多情況下，這樣的ui-examples被加載不同的ID和相應的the-data。我怎樣才能得到這些不同的text ids來計算每個text的offset座標？

編輯格式

Answer 1

我會做這樣的事情：

的HTML

<section class="examples"> 
    <text class="ui-examples"> 
     <p class="the-data">Of course you can add other text before, after, and around the elements described in the previous section.</p> 
    </text> 
</section> 

而jQuery的

$(document).ready(function() { 
    $('.examples').each(function() { 
     var theData = $(this).find('.the-data'); 
     console.log(theData.offset().left); 
     console.log(theData.offset().top); 
    }); 
}); 

這是第一次等待文檔準備就緒，一旦它在循環中循環遍歷每個具有一個「示例」類的div，我們將使用find jQuery函數來搜索當前div的所有子項（在這種情況下它是.example的一個實例）匹配選擇器。所以通過使用.the-data它會找到你正在尋找的段落標籤。您可以使用offset()來獲得座標。