jQuery将类数组对象转换为数组代码实例搞代码

类数组对象，通俗的说就是具有数组的某些特性，使用上非常类似于数组的集合对象。

比如getElementsByTagName方法获取的dom元素集合，下面介绍一下如何利用jQuery将其转换为数组。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<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>没有人一开始就是高手，必须要努力奋斗</li>
  <li>每一天都是新的，要用积极的心态生活</li>
  <li>只有当前的时间是真实的，下一秒都是虚幻的</li>
</ul>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

$(function(){

$("#bt").click(function(){

var lis=document.getElementsByTagName("li");

var arr=$.makeArray(lis);

arr.reverse();

$(arr).appendTo(document.body);

})

});

</script>

</head>

<body>

<ul>

<li>搞代码欢迎您，只有努力奋斗才会有美好的未来</li>

<li>没有人一开始就是高手，必须要努力奋斗</li>

<li>每一天都是新的，要用积极的心态生活</li>

<li>只有当前的时间是真实的，下一秒都是虚幻的</li>

</ul>

</body>

</html>

这里运用了$.makeArray()的方法转数组

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jQuery将类数组对象转换为数组代码实例

Hi，您需要填写昵称和邮箱！