如何通過jQuery爲動態表單元素分配動態ID

Question

我正在使用jquery插件，它使用戶能夠添加動態表單屬性當時我想分配動態ID基於錶行數，因爲表單元素存在於b/w table tr td。 這裏是我的代碼生成動態TR的

<script> 

function onClick(e) { 
    var element = e.target.querySelector('[contenteditable]'), row; 

    element && e.target != document.documentElement && e.target != document.body && element.focus(); 

    if (e.target.matchesSelector('.add')) { 
     var rc = $('.inventory tbody tr').length; //rcount 
        document.querySelector('table.inventory tbody').appendChild(generateTableRow(rc)); 
    } 
    else if (e.target.className == 'cut') { 
     row = e.target.ancestorQuerySelector('tr'); 

     row.parentNode.removeChild(row); 
    } 


} 

function generateTableRow(x) { 
     var emptyColumn = document.createElement('tr'); 
     var now=Number(x)+1; 
     alert(now);  
emptyColumn.innerHTML = '<td><a class="cut">-</a><span contenteditable><input type="text" id="now" name="products[]" onkeydown=display(now,this.value)></span></td>' + 
     '<td><span contenteditable></span></td>' + 
     '<td><span data-prefix>$</span><span contenteditable>0.00</span></td>' + 
     '<td><span contenteditable>0</span></td>' + 
     '<td><span data-prefix>$</span><span>0.00</span></td>'; 

    return emptyColumn; 
} 

function display(id,value) 
{ 
alert(id); // here it was displaying as object node list.it was not showing its id which was a number. 
} 
</script> 

請幫我弄一個特定的文本字段的確切ID。

Answer 1

Now是可變....

當你在一個內嵌的JavaScript，你應該照顧引號的使用變量...

使用此代碼....

function generateTableRow(x) { 
    var emptyColumn = document.createElement('tr'); 
    var now=Number(x)+1; 
    emptyColumn.innerHTML = '<td><a class="cut">-</a><span contenteditable><input type="text" id="'+now+'" name="products[]" onkeydown=display(this)></span></td>' + 
          '<td><span contenteditable></span></td>' + 
          '<td><span data-prefix>$</span><span contenteditable>0.00</span></td>' + 
          '<td><span contenteditable>0</span></td>' + 
          '<td><span data-prefix>$</span><span>0.00</span></td>'; 
        return emptyColumn; 
} 


function display(field){ // just pass the element 
    alert(field.id+" , "field.value); // this will give id and value 
}