Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery获取前3个li标记的高度_Javascript_Jquery_Jcarousel - Fatal编程技术网

Javascript jQuery获取前3个li标记的高度

Javascript jQuery获取前3个li标记的高度,javascript,jquery,jcarousel,Javascript,Jquery,Jcarousel,我正在用动态内容填充无序列表,列表高度将限制内容,有人知道我如何获得无序列表中前3个li标记的高度吗 生成的动态内容可能如下所示,因此我只希望能够计算前3个li标签的高度 <ul> <li>23 Feb 2011<br />Synergy Launch new website...<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc gravida lacus a l

我正在用动态内容填充无序列表,列表高度将限制内容,有人知道我如何获得无序列表中前3个li标记的高度吗

生成的动态内容可能如下所示,因此我只希望能够计算前3个li标签的高度

<ul>
<li>23 Feb 2011<br />Synergy Launch new website...<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc gravida lacus a ligula dictum dignissim....</li>
<li>23 Feb 2011<br />Expat children "receive improv...<br />Expat children enjoy a better standard of education whilst living abroad compared to their home country according to the HSBC Offshore Offspring Report,...</li>
<li>25 Feb 2011<br />London Market favours Landlord...<br />The lettings market has swung dramatically in favour of landlords as an average six applicants chase every available property in London. This is a dramatic rise...</li>
<li>23 Feb 2011<br />Synergy Launch new website...<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc gravida lacus a ligula dictum dignissim....</li>
</ul>
  • 2011年2月23日,Synergy推出新网站……
    。未怀孕的妇女缺乏尊严的口吻
  • 2011年2月23日
    外籍儿童“接受即兴教育…”
    根据汇丰海外子女报告,居住在国外的外籍儿童与他们的祖国相比,享有更好的教育水平
  • 2011年2月25日
    伦敦市场青睐房东……
    出租市场大幅转向青睐房东,平均有六名申请人追逐伦敦的每一处可用房产。这是一个戏剧性的增长
  • 2011年2月23日,Synergy推出新网站……
    Lorem ipsum dolor sit amet,Concetetur adipiscing Elite。Nunc孕期缺陷a ligula dictum vignissim
谢谢你的帮助
J.

如果要单独计算,请使用eq选择器


如果您想包含填充/边距,也可以使用。

这提供了它们的所有高度……但您可以轻松地将所需代码放入函数中,以便对每个列表项执行某些操作

var sum = 0;

$('li:lt(3)').each(function() {
   sum += $(this).height();
});


编辑:缩短了
$('li')。下一步(':eq(2)
$('li:lt(3))
首先,我将变量设置为负1项

var liTotalHeight = -24;
然后,对于每个项目,我添加了li的高度

liTotalHeight = liTotalHeight + $(this).outerHeight();
然后我设置了ul的卷轴顶部

$(this).parent().scrollTop(liTotalHeight);

有点老套,但最适合我

eq()
是零基的,所以你答案中的代码实际上是第二个列表项的高度。谢谢,这正是我想要的。
liTotalHeight = liTotalHeight + $(this).outerHeight();
$(this).parent().scrollTop(liTotalHeight);