使用jQuery將元素名稱指定爲多個元素的名稱作爲前綴

Question

我有一個允許動態生成內容的網頁，我希望在隱藏元素創建時/在發佈之前將所有動態內容名稱加上前綴將是可以接受的。

這些動態添加的文本框所在的類在頁面間共享，因此無法輕鬆用於識別。

我不能得到這個工作，我需要檢查自己是否有前綴的，如果他們不這樣做，加上前綴

小提琴：

https://jsfiddle.net/ycjrunja/2/

的jQuery

$(// can't use class).attr(); // do I need to use this method for each <td> ? 

電流產生的標記：

<input type=hidden name="main[xyz]" /> 
      <input type=button name="addRow" /> 
     <table> 
     <tr> 
      <td><input type=text name="tb1r1" /></td> 
      <td><input type=text name="tb2r1" /></td> 
     </tr>  
     <tr> 
      <td><input type=text name="tb1r2" /></td> 
      <td><input type=text name="tb2r2" /></td> 
     </tr> 
     </table> 

理想生成的標記

<input type=hidden name="main[xyz]" /> 
     <input type=button name="addRow" /> 
    <table> 
    <tr> 
     <td><input type=text name="main[xyz]tb1r1" /></td> 
     <td><input type=text name="main[xyz]tb2r1" /></td> 
    </tr>  
    <tr> 
     <td><input type=text name="main[xyz]tb1r2" /></td> 
     <td><input type=text name="main[xyz]tb2r2" /></td> 
    </tr> 
    </table> 

Answer 1

使用此：

$("td input").each(function(){ 
$(this).attr("name",$("input:hidden").attr("name")+$(this).attr("name")); 
}); 

說明：

第一行通過內部所有<td>元素<input>元素iteratres。

第二行concantates的<input type = "hidden>"的name與<input>元件的name正被迭代並將其分配給當前迭代元件的name。

最後一行結束功能和each()方法。

在執行此腳本之前，<input>元素必須有一個名稱。 <script>標記必須放在關閉主體標記之前，或者使用window.onload來代替，以確認DOM已加載。

Answer 2

試試這個。

$("td input").each(function(){ 
    $(this).attr("name",$("input:hidden").attr("name")+$(this).attr("name")) 
});