如何解决jQuery获取前3个li标签的高度
| 我正在用动态内容填充无序列表,并且列表高度将生成该内容,有人知道我如何获得无序列表中前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>
谢谢你的帮助
J.
解决方法
这为您提供了所有的高度...但是您可以轻松地将所需的代码放入函数中,以在每个列表项上执行某些操作。
var sum = 0;
$(\'li:lt(3)\').each(function() {
sum += $(this).height();
});
http://jsfiddle.net/rnpAE/1/
编辑:缩短$(\'li\').nextUntil(\':eq(2)\')
至$(\'li:lt(3)\')
,如果要单独计算它们,请使用eq选择器
http://api.jquery.com/eq-selector/
var liHeight = $(\'li:eq(0)\').outerHeight(); // Obtains height of first li
,首先,我将一个变数设为负1项...
var liTotalHeight = -24;
然后,对于每个项目,我添加li ..的高度。
liTotalHeight = liTotalHeight + $(this).outerHeight();
然后我设置ul的scrollTop ...
$(this).parent().scrollTop(liTotalHeight);
有点hacky,但最适合我
,$(\'li\').height(); // First
$(\'li\').next().height(); // Second
$(\'li\').next().next().height(); // Third
如果要包括填充/边距,请使用outerHeight
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。