我有一个无序列表,其中包含1到3个列表项。无序列表(不幸)位于固定高度div
与overflow: hidden
之内。为集合中的每个元素设置CSS规则
<div id="container">
<ul id="tweets">
<li>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Etiam est nisi, congue
id pulvinar eget.
</li>
<li>
Donec nisi dolor, molestie quis varius
a, dictum vel nunc. Morbi odio lorem,
viverra eu semper eu.
</li>
<li>
Mollis ac lorem. Aenean consequat
interdum mi, nec vestibulum metus mollis
non. Curabitur sed.
</li>
</ul>
</div>
如果有3个鸣叫,线高度必须不超过1em的完全配合在容器更。如果只有不到三条推文,线路高度可以达到1.5em以适应网站设计的其他部分。
我想要做一些jQuery魔术来动态更新行高。
var tweet_len = $("#tweets > li").size();
if (tweet_len == 0) {
// append a msg telling user there's no tweets
// (this message looks like a tweet and has line-height: 1.5em)
} else if (tweet_len > 0 && tweet_len < 3) {
$("#tweets li").each(function(){
$(this).css("line-height: 1.5em");
});
}
我试过使用上面的代码(第6-8行),但它不工作。 (我不认为我完全理解如何使用.each()。)
我应该在第6-8行上使用什么代码将行高更新为1.5em?
你是第一个几分之一秒的评论。恭喜! – Jazzerus 2010-12-09 23:06:17