jquery如何獲取li元素的前n個程式碼例項

antzone發表於2017-03-21
jQuery

在實際應用中可能需要獲取眾多li元素中的前N個元素，下面就通過程式碼例項介紹一下如何實現此功能。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css"> 
ul li{ 
  font-size:12px; 
  list-style:none; 
} 
</style> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
  var $lis=$("#box li");
  $lis.length=2;
  var arr=[];
  for(var index=0;index<$lis.length;index++){
    arr.push($lis[index]);
  }
})
</script> 
</head>  
<body> 
<div id="show"></div> 
<ul id="box"> 
  <li>只有努力奮鬥才會有美好的未來。</li> 
  <li>螞蟻部落歡迎您，希望能夠給大家提供需要的知識。</li> 
  <li>分享的精神和互助的胸懷是進步的最大源動力。</li> 
  <li>只有當前的時間才是最真實的，下一秒都是虛幻的。</li> 
  <li>每一天都是新的，要好好的珍惜。</li> 
</ul> 
</body> 
</html>

上面的程式碼實現了我們的要求，可以將前兩個li元素儲存在陣列中，程式碼非常的簡單這裡不多介紹了，當然實現此功能的方法應該有多種，這只是其中的一種，就具體採用哪種方式更為合適要看時機應用場景，這裡只是一個簡單的小例子做一下演示。

相關文章