テキストボックスからデータを取得してdataTableに追加するにはどうすればよいですか？

Question

私はテキストから情報を得ることを試みています： "名前、番号など";その情報を自分のデータテーブルに追加しますが、その部分をどのように動作させるかを理解することはできません。私はまた、適切に動作するjsfiddle添付されている。 （https://jsfiddle.net/gon3j0uv/）

$(document).ready(function() { 
    var t = $('#example').DataTable(); 
    var counter = 1; 

    $('#addRow').on('click', function() { 
    t.row.add([ 
     counter + '.1', 
     counter + '.2', 
     counter + '.3', 
     counter + '.4', 
     counter + '.5' 
    ]).draw(false); 

    counter++; 
    }); 

    // Automatically add a first row of data 
    $('#addRow').click(); 
}); 

<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script> 
<link href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css" rel="stylesheet" /> 
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> 

<button id="addRow"> 
    addrow 
</button> 
</br> 
</br> 
</br> 

First name: 
<input type="text" name="FirstName"> 
<br> 
</br> 
</br> 
</br> 
</br> 
<table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
    <tr> 
     <th>Column 1</th> 
     <th>Column 2</th> 
     <th>Column 3</th> 
     <th>Column 4</th> 
     <th>Column 5</th> 
    </tr> 
    </thead> 
    <tfoot> 
    <tr> 
     <th>Column 1</th> 
     <th>Column 2</th> 
     <th>Column 3</th> 
     <th>Column 4</th> 
     <th>Column 5</th> 
    </tr> 
    </tfoot> 
</table> 

counter++; 
}); 

// Automatically add a first row of data 
$('#addRow').click(); 

}）。あなたが入力テキストの値を取得する必要が

jsFiddle

Answer 1

、私はここにあなたのフィドルを編集したリンクは、あなたがこのような入力の値を取得する必要がありますExample Fiddle

です：

var inputText = $("input[name='FirstName']").val() 

すべての列にテキストが必要な場合は、各列に異なる入力が必要です。私はそれが助けてくれることを願っています