如何在表格內獲得TouchSpin的價值

Question

如何獲得表格內的Bootstrap TouchSpin元素的值？我目前一無所獲，因爲我不相信它找到了這個元素。

的touchspin的創建和插入到表

var table = document.getElementById("createOrderTable"); 
var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 
row.id = 'row' + rowCount; 

// TouchSpin element 
var cell1 = row.insertCell(1); 
var touchSpinID = 'touchspin' + rowCount; 
cell1.innerHTML = "<input id='" + touchSpinID +"' type='text' value='1' name='" + touchSpinID +"'>"; 
cell1.id = 'cell' + touchSpinID; 

//Init TouchSpin 
$("input[name='" + touchSpinID +"']").TouchSpin({ 
verticalbuttons: true, 
min: 0, 
max: 100000000, 
}); 

迭代通過表和獲取Touchspin，下面作品既不方法的價值。

var table = document.getElementById("createOrderTable"); 
var rowCount = table.rows.length; 
var productArray = []; 

for(i = 1; i < table.rows.length; i++){ 
    var touchspinID = 'touchspin' + i; 
    var touchspinValue = 0;   
    cellID = 'cell' + touchspinID; 

    $(cellID).find(touchspinID).each(function(){ 
     touchspinValue = this.val(); 
     console.log(touchspinValue); 
    }); 

    $("#createOrderTable tr").each(function() { 
     $('td', this).each(function() { 
      var value = $(this).find(touchspinID).val(); 
      console.log(value); 
     }) 
    }) 
} 

Answer 1

看你的代碼，我認爲問題在於在touchspinID和cellID他們都錯過了「＃」，表明你正在尋找與特定id小號元素。

var touchspinID = 'touchspin' + i; 
cellID = 'cell' + touchspinID; 

到：

這兩條線從改變

var touchspinID = '#touchspin' + i; 
cellID = '#cell' + touchspinID; 

應該解決您的問題。此外，你不需要調用.find後使用.each作爲電池僅會一個「touchspin」元素和id必須始終是唯一的：

var touchspinValue = $(cellID).find(touchspinID).val(); 
console.log(touchspinValue); 

如果上述方法不解決您的問題，包括您的問題中的表格html。