我有這個 HTML：
console.log( $(".sh-sidebar-content").height() );<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="sh-sidebar-content">
<ul>
<li><a href="#one">Compar? ofertele noastre pentru a g?si cel mai bun credit ipotecar sau Prima Cas?</a></li>
<li><a href="#two">Ce este un credit ipotecar</a></li>
<li><a href="#three">Care sunt condi?iile de acordare ale unui credit ipotecar pentru cump?rarea sau construirea unei locuin?e</a></li>
<li><a href="#four">Care este suma maxim? pe care o pot ?mprumuta</a></li>
<li><a href="#five">Ce este creditul Noua Cas? (fost Prima Cas?)</a></li>
<li><a href="#six">Care sunt condi?iile de acordare ale unui credit prin Noua Cas?</a></li>
<li><a href="#seven">Care este suma maxim? pe care o pot ?mprumuta prin Noua Cas?</a></li>
<li><a href="#eight">Acte necesare pentru solicitarea unui credit ipotecar</a></li>
<li><a href="#nine">Acte necesare pentru solicitarea unui credit Noua Cas?</a></li>
<li><a href="#ten">Care este procedura de acordare pentru un credit ipotecar?</a></li>
<li><a href="#eleven">Care este procedura de acordare a unui credit Noua Cas??</a></li>
<li><a href="#twelve">Cum se restituie un credit ipotecar</a></li>
<li><a href="#thirteen">Cum se restituie un credit ob?inut prin programul Noua Cas?</a></li>
</ul>
</div>基于這個類sh-sidebar-content，我需要獲取每個li元素的距離。
我可以sh-sidebar-content使用
$(".sh-sidebar-content").height()
它顯示了基于視窗高度的高度值。例如：735。
所以，現在，我需要從li元素的這個值獲取距離。
uj5u.com熱心網友回復：
您可以 為此使用位置。獲取基點（div）位置，然后獲取每個li的位置，然后減去。
let divPos = $(".sh-sidebar-content").position();
$(".sh-sidebar-content li").each(function(i)
{
console.log( $(this).position().top - divPos.top );
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="sh-sidebar-content">
<ul>
<li><a href="#one">Compar? ofertele noastre pentru a g?si cel mai bun credit ipotecar sau Prima Cas?</a></li>
<li><a href="#two">Ce este un credit ipotecar</a></li>
<li><a href="#three">Care sunt condi?iile de acordare ale unui credit ipotecar pentru cump?rarea sau construirea unei locuin?e</a></li>
<li><a href="#four">Care este suma maxim? pe care o pot ?mprumuta</a></li>
<li><a href="#five">Ce este creditul Noua Cas? (fost Prima Cas?)</a></li>
<li><a href="#six">Care sunt condi?iile de acordare ale unui credit prin Noua Cas?</a></li>
<li><a href="#seven">Care este suma maxim? pe care o pot ?mprumuta prin Noua Cas?</a></li>
<li><a href="#eight">Acte necesare pentru solicitarea unui credit ipotecar</a></li>
<li><a href="#nine">Acte necesare pentru solicitarea unui credit Noua Cas?</a></li>
<li><a href="#ten">Care este procedura de acordare pentru un credit ipotecar?</a></li>
<li><a href="#eleven">Care este procedura de acordare a unui credit Noua Cas??</a></li>
<li><a href="#twelve">Cum se restituie un credit ipotecar</a></li>
<li><a href="#thirteen">Cum se restituie un credit ob?inut prin programul Noua Cas?</a></li>
</ul>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/489565.html
標籤：javascript jQuery dom
上一篇：ExtJS拋出InvaliddomNodereferenceoranidofanexistingdomNode:null當試圖將一個元素系結到另一個元素的配置時