创建一个空列表,在列表中添加1-10这10个元素?

创建一个空列表,在列表中添加1-10这10个元素?,第1张

在 JavaScript 中,可以使用数组来创建列表,并使用 for 循环来添加元素。例如,以下代码创建了一个名为 "list" 的空数组,然后添加了1~10这10个数字:

// 创建空数组

var list = []

// 使用 for 循环添加元素

for (var i = 1i <= 10i++) {

list.push(i)

}

在上面的代码中,我们使用了 push 方法向数组中添加元素。该方法会在数组的末尾添加一个或多个元素,并返回修改后数组的长度。例如,在上面的代码中,每次循环时,都会将当前循环变量 i 的值添加到 list 数组中。

您也可以使用 for...of 循环来更简单地添加元素。例如:

// 创建空数组

var list = []

// 使用 for...of 循环添加元素

for (var i of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]) {

list.push(i)

}

在这种情况下,我们在 for...of 循环的括号内直接指定了要添加的元素。该循环会依次遍历数组中的元素,并将它们添加到 list 数组中。

function zj(){

    var s1=document.getElementById("s1")

    var s3=document.getElementById("s3")

    for(var i=0i<s1.options.lengthi++){

  if(s1.options[i].selected){

   var e = s1.options[i]

   s3.options.add(new Option(e.text, e.value))

   s1.remove(i)

   i=i-1

  }

 }

}

//用以上写法也可。建议select中加属性 multiple(感觉用的舒服点)

<script>

        $(function() {

            $("#mainUl").children("li").click(function() {

                var clone = $(this).clone()

                clone.append("<span style='color:redfont-weight: boldcursor:pointer'> X</span>")

                    .find("span").click(function () {

                    $(this).parent().remove("li")

                })

                $("#showUl").append(clone)

            })

        })

    </script>

    <body>

        <div style="float: left">

            <ul id="mainUl">

                <li>标题1</li>

                <li >标题2</li>

                <li >标题3</li>

                <li >标题4</li>

                <li >标题5</li>

            </ul>

        </div>

        <div style="float: left">

            <ul id="showUl">

            </ul>

        </div>

    </body>

随手写了个,自己试试吧,注意引入jQuery哦


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11531877.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存