分配属性ID以及为输入文本框指定值

Question

html代码

<div class="control-group">
   <label class="control-label-m">Product Name :</label>
   <div class="controls-m">
      <input id="input1tray040" class="span10 " type="text">
   </div>
</div>
<div class="control-group">
   <label class="control-label-m">Available Qty :</label>
   <div class="controls-m">
      <input id="input2tray040" class="span10 " type="text">
   </div>
</div>
<div class="control-group">
   <label class="control-label-m">Total Inward :</label>
   <div class="controls-m">
      <input id="input3tray040" class="span10 " type="text">
   </div>
</div>
<div class="control-group">
   <label class="control-label-m">Total Sales :</label>
   <div class="controls-m">
      <input id="input4tray040" class="span10 " type="text">
   </div>
</div>


  Jquery

我能够为我的输入文本框分配id，但我的问题是我需要在创建这个div时为指定的输入文本框分配一个值，如何实现这一点。我的jquery代码到目前为止我试过了

$table.find('input[type="text"]').attr('id', function () {
    var idval = 'input' + ($(this).parent().parent().index() + 1) + $(this).closest('td').attr('id');
    return idval;
});


var foo = 'input' + ($(this).parent().parent().index() + 1) + $(this).closest('td').attr('id');
var bar = foo.split("input")[1];

$tdid = $(this).closest('td').attr('id');
var mapid = '1' + $tdid + '';
var addid = '3' + $tdid + '';
var editid = '2' + $tdid + '';

if (bar == addid) {
    $("#" + foo + "").val(data.product_name);

} else if (bar == mapid) {
    //  $("#"+foo+"").val(data.map_name);
} else if (bar == editid) {
    $("#" + foo + "").val(data.edit_val);
}