2011-11-04 55 views
1

更改ID我有一個隨機排序的ID輸入字段如下:如何通過獨特的jQuery中

<input type="text" id="start1" /> 
<input type="text" id="start5"/> 
<input type="text" id="start3"/> 

我需要如下更改,在最後

由1至10後綴訂貨
<input type="text" id="start1" /> 
<input type="text" id="start2"/> 
<input type="text" id="start3"/> 
<input type="text" id="start4"/> 

如何在jQuery中做到這一點?

回答

3
$(function() { 
    var i = 1; 
    $("INPUT[type=text]").each(function() { 
     $(this).attr("id", "start" + i); 
     i++; 
    }); 
}); 

以上內容適用於您。

需要說明的是,即時改變ID是一個相當奇怪的要求。是否有一個特定的原因需要實現?

1
<html> 
<head> 
<script type="text/javascript" src="jquery_1.5.2.js"></script> 
<script type="text/javascript"> 
function reOrder(){ 
    var putVal = []; 
    var put = []; 
    var arr = $('.arr input[type=text]'); 
    for(var i=0; i < arr.length; i++){ 
     putVal[i] = $('input[id=start'+i+']').val(); 
     put[i] = "<input type='text' value='"+putVal[i]+"' id='start"+i+"' />" 
    } 

    $(".arr").empty(); 
    for(var i=0; i < arr.length; i++){ 
     $(".arr").append(put[i]); 
    } 



    } 
$(document).ready(function() { 

    reOrder(); 

}); 

</script> 
</head> 

<body> 
<div class="arr"> 
<input type="text" id="start2" value="2" /> 
<input type="text" id="start3" value="3"/> 
<input type="text" id="start0" value="0"/> 
<input type="text" id="start1" value="1"/> 
</div> 
</body> 
</html> 

嗨,我這樣做,但這是工作。它是否正確??