Question

我有一个清单：

<ul>
   <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, dolor.</li>
   <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
   <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis eligendi consectetur ad sit porro?</li>
   <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt itaque architecto quae necessitatibus enim blanditiis dolores numquam libero.</li>
</ul>

<div id="size"></div>

CSS：

ul { width:250px; padding: 0; margin: 0; border:1px solid #999;  }
ul li { background:#ddd; padding:6px; border-bottom:1px solid #999; }

我有李的第一个高度，现在每2秒我需要得到李的下一个高度，所以我尝试了类似的东西，但我做错了什么：

setInterval( function(){  
  var firstHeight = $('ul li').first.outerHeight();  
      $('#size').append( firstHeight.next() );          
}, 2000);

Answer 1

所以这会产生你想要的结果。

我在函数外部声明了start变量，在函数内部使用了outerHeight（）和next（）函数。希望这有帮助。

 var item = $('ul li').first();

a = setInterval( function(){ 
    height = item.outerHeight();  
    $('#size').append( height );
    item = item.next(); 
    if(item.length==0){
        console.log("stopped");
        clearInterval(a);
    }

}, 2000);

工作jsfiddle：

http://jsfiddle.net/mvuz4yn6/1/

编辑：到达最后一个项目时添加间隔停止

获取变量中的下一个outerHeight

1 个答案: