jQuery的不顯眼的形式

Question

爲了驗證像一種形式：

<input type="text" name="trueExplain" /> 
<input type="text" name="true1" /> 
<input type="text" name="true2" /> 
<input type="text" name="true3" /> 
<input type="text" name="true4" /> 
<input type="text" name="true5" /> 

在之前，爲了驗證領域提交，我想添加一個id爲每個輸入元素：

<input type="text" name="true1" /> 

變爲：

<input id="true1" type="text" name="true1" /> 

然後，對每個輸入元素，我想添加一個標籤：

<input type="text" name="trueExplain" /> 
<input type="text" name="true1" /> 
etc 

變爲：

<label for="trueExplain"></label> 
<input id="trueExplain" type="text" name="trueExplain" /> 
<label for="true1"></label> 
<input id="true1" type="text" name="true1" /> 
etc 

我需要一些指導，在設計和實施與jQuery。

Answer 1

如果你想用jQuery做到這一點，你可以使用類似的標識：

$('input[type=text][name^=true"]').each(function() { 
    $(this).attr('id', $(this).attr('name')); 
}); 

對於標籤類似的東西：

$('input[type=text]').each(function() { 
    var label = $(document.createElement('label')); 
    label.attr('for', $(this).attr('id')); 
    $(this).before(label); 
}); 

但我個人寧願設置這些標識和標籤在HTML中。