jquery数组(列表中显示数组)

HTML代码:

<h3>纵向显示数组</h3>
<div id="show1"></div>

<h3>显示数组的键名和键值</h3>
<div id="show2"></div>

<h3>利用html元素创建数组并计算长度</h3>
<div id="show3"></div>

Jquery:

$(document).ready(function(){
                var animals = ['dog','cat','tiger','pig','bird'];
                $('#show1').html(animals.join('<br/>'));
                $.each(animals, function(index,value){
                    $('#show2').append('<li>index:'+index+' value:'+value+'</li>');
                });
                
                var ani = $('#show2 li');
                $('#show3').append('数组的长度为:'+ani.length);
            });

 显示结果:

知识点:

1,join(separator)方法以某个分隔符分割js数组,组成字符串;默认为逗号。

2,$.each( collection, callback(indexInArray, valueOfElement))遍历数组。collection:遍历的对象或数组。callback(indexInArray, valueOfElement):每个成员或者元素执行的回调函数

3,get()取得所有匹配的DOM元素集合。就是组成元素数组。不是jquery对象。

原文地址:https://www.cnblogs.com/wenzichiqingwa/p/2647787.html