您的位置:首页 > Web前端 > JQuery

jquery 获取 动态input等元素的id

2016-06-07 18:06 495 查看
 <html>

    <head>

        <script src="jquery-1.3.2.min.js"></script>

    </head>

    <body>

            <input type="text" id="2"/>

            <input type="text" id="3"/>

            <input type="text" id="4"/>

            <input type="text" id="5"/>

            <input type="text" id="6"/>

            <input type="text" id="7"/>

        <script>

            var input1 =$("input").eq(0);//取出第一个input

            var id1=input1.attr("id");//取出第一个input的id

            alert(id1)

            var input2 =$("input").eq(1);//取出第二个input

            var id2=input2.attr("id");//取出第二个input的id

            alert(id2)

            var input3 =$("input").eq(2);//取出第三个input

            var id3=input3.attr("id");//取出第三个input

            alert(id3)

 

            //jQuery获取页面的全部的input 然后循环所有的input

            var inputArray=$("input")//取到所有的input 并且放到一个数组中

            inputArray.each(//使用数组的循环函数 循环这个input数组

                function (){

                    var input =$(this);//循环中的每一个input元素

                    alert(input.attr("id"))//查看循环中的每一个input的id

                }

            )

            //也可以使用下面的for循环来循环input数组

            for(var i=0;i<inputArray.length;i++){//循环整个input数组

                var input =inputArray[i];//取到每一个input

                alert(input.id);

            }

        </script>

    </body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  元素 jquery 获取id