jquery 获取动态input 的id

最新推荐文章于 2023-05-06 12:29:01 发布

wbandzlhgod

最新推荐文章于 2023-05-06 12:29:01 发布

阅读量1.6w

点赞数 2

文章标签： input jquery function html

本文链接：https://blog.csdn.net/wbandzlhgod/article/details/6916424

版权

html/js/css/div 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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