javascript - 将 jQuery 输入插入表格模板

Question

我遇到了一些问题，我在 JavaScript 变量中有一个表格模板，如下所示：

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

wherelibellesMag['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>";

查看工作演示

请注意，我使用的 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>";