jQuery將類陣列物件轉換為陣列

antzone發表於2018-02-10
jQuery陣列物件

類陣列物件，通俗的說就是具有陣列的某些特性，使用上非常類似於陣列的集合物件。

比如getElementsByTagName方法獲取的dom元素集合，下面介紹一下如何利用jQuery將其轉換為陣列。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
  $("#bt").click(function(){
    var lis=document.getElementsByTagName("li");
    var arr=$.makeArray(lis);
    arr.reverse();
    $(arr).appendTo(document.body);
  })
});
</script>
</head>
<body>
<input type="button" id="bt" value="檢視效果"/>
<ul>
  <li>螞蟻部落歡迎您，只有努力奮鬥才會有美好的未來</li>
  <li>本站的地址是softwhy.com</li>
  <li>沒有人一開始就是高手，必須要努力奮鬥</li>
  <li>每一天都是新的，要用積極的心態生活</li>
  <li>只有當前的時間是真實的，下一秒都是虛幻的</li>
</ul>
</body>
</html>

相關閱讀:

（1）.getElementsByTagName參閱document.getElementsByTagName()一章節。

（2）.$.makeArray參閱jQuery.makeArray()一章節。

（3）.reverse參閱JavaScript reverse()一章節。

（4）.appendTo參閱jQuery appendTo()一章節。

相關文章