插入jQuery的輸入到表格模板

Question

我堅持的東西，我有一個表模板到一個JavaScript變量是這樣的：

凡libellesMag['nom']是一個jQuery變量，它包含一個輸入型的文本。

當我append()此變量顯示我的輸入，但是當我試圖來連接我的變量在一個字符串，append()這個字符串我libellesMag['nom']顯示[Object object]

你有什麼想法如何顯示我的投入？

編輯：console.log(libellesMag['nom'])=[input#monapp_homebundle_enseignetype_magasins_1_nomMagasin, prevObject: jQuery.fn.jQuery.init[1], context: div, selector: ":nth-child(2)", jquery: "1.9.1", constructor: function…]

Answer 1

您需要首先你的元素添加到父則父使用.html()，您可以創建一個臨時的元素使用作爲父母，所以不會影響到你的頁面的DOM，像這樣做：

var myTab= "<table id='mag-1'><tr><td>Name</td><td>" + $('<span>').append(libellesMag['nom']).html() + "</td></tr></table>"; 

見working demo

請注意，我使用的span元素永遠不會添加到您的DOM中，它僅用作元素的臨時父項，因此我們可以使用它的.html()。

Answer 2

嘗試使用libellesMag['nom'].val()，像這樣：

var myTab= "<table id='mag-1'><tr><td>Name</td><td>"+libellesMag['nom'].val()+"</td></tr></table>";