jquery中each函数的使用

syf_wfl

于 2021-01-18 10:47:02 发布

阅读量155

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/wflsyf/article/details/112765621

版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script type="text/javascript" src="jss/jquery-3.4.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#b6").click(function () {
                //循环普通数组，非dom数组
                let arr=[11,12,13];
                $.each(arr,function (index,element) {
                    alert("循环变量"+index+"数组成员"+element);
                })
            })
            $("#b7").click(function () {
                //循环json数组
                let arr ={"name":"张三","age":"22","sex":"男"};
                $.each(arr, function (index, element) {
                    alert("key=" + index + "   value=" + element);
                })
            })
            $("#b8").click(function () {
                //循环json数组
                // let arr =$(":text");
                // $.each(arr, function (index, element) {
                //     alert("key=" + index + "   value=" + element.value);
                // })
                $(":text").each(function (index,element) {
                    alert("key="+index+"  value="+element.value);
                })
            })
        })
    </script>
    <input type="text" id="t1" value="刘备"><br>
    <input type="text" id="t2" value="关羽"><br>
    <input type="text" id="t3" value="张飞"><br>
    <input type="button" id="b6" value="普通数组循环">
    <button id="b7">json数组循环</button>
    <button id="b8">循环dom数组</button>
    </body>
</html>