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);
            });

 显示结果:

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

 

知识点:

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

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

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

 

 

 

相关文章:

  • 2022-02-05
  • 2021-12-09
  • 2021-10-23
  • 2022-12-23
  • 2021-11-16
  • 2021-08-13
  • 2022-01-11
猜你喜欢
  • 2021-07-24
  • 2022-12-23
  • 2021-09-27
  • 2022-12-23
  • 2022-01-11
相关资源
相似解决方案