jquery 获取动态input等元素的id

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

csdn-hui

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

阅读量5.1k

点赞数

分类专栏：前端 html 文章标签：元素 jquery 获取id

前端同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

html

3 篇文章 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);
           }