首頁 > 開發者 > JavaScript
<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>
作者wbandzlhgod
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
