jQueryの - すべてのloadTemplateの入力の名前を変更する（）

Question

ここでは、私はボタンがクリックされるたびにレンダリングするテンプレートです：

<script id="hidden-template" type="text/html"> 
<div id="order-container"> 
    <div class="form-group "> 
     <input class="form-control name" placeholder="Name" type="text"> 
    </div> 
    <div class="form-group "> 
     <ul class="food" style="list-style-type: none; display:inline-block;"> 
      <li><label><input value="burger" type="radio" class="burger" data-name="food">Burger</label></li> 
      <li><label><input value="chicken" type="radio" class="chicken" name="food">Chicken</label></li> 
      <li><label><input value="falafel" type="radio" class="falafel" name="food">Falafel</label></li> 
      <li><label><input value="fries" type="radio" class="fries" name="food">Fries</label></li> 
     </ul> 
     <ul class="veggies" style="list-style-type: none; display:inline-block;"> 
      <li><label><input type="checkbox" class="lettuce" name="veggie">Lettuce</label></li> 
      <li><label><input type="checkbox" class="tomato" name="veggie">Tomato</label></li> 
      <li><label><input type="checkbox" class="cucumber" name="veggie">Cucumber</label></li> 
      <li><label><input type="checkbox" class="onion" name="veggie">Onion</label></li> 
     </ul> 
     <ul class="sauces" style="list-style-type: none; display:inline-block;"> 
      <li><label><input type="radio" class="XSpice" name="sauce">Extra Spicy</label></li> 
      <li><label><input type="radio" class="spice" name="sauce">Spicy</label></li> 
      <li><label><input type="radio" class="mild" name="sauce">Mild</label></li> 
      <li><label><input type="radio" class="noSpice" name="sauce">No Spice</label></li> 
     </ul> 
    </div> 
</div> 

そして、最初の最初のリスト項目にリストには、新しいテンプレートを読み込んだときに別の名前が付いているため、そのテンプレートの他のすべての入力に影響しないように、各テンプレートのカスタム名を追加しようとしています。

$("#app").loadTemplate($("#hidden-template"), { 
    food: "TESTING" 
}) 

が、私は入力の名前をCONSOLE.LOGとき、それはundefinedを返します：私はそれをレンダリングしていますのはここ

です。データ名のようなものはありませんか？私はそれがJQueryのプラグインであると思うので、良い文書を見つけることができないようです。テンプレートをロードするたびに入力の名前を変更するにはどうすればよいですか？それとも私がこれをやることができるより良い方法がありますか？

Answer 1

これはどうでしょうか？

$("li").first().attr('data-name') = "TESTING";