Question

我遇到了什么问题，我有一个表模板到这样的JavaScript变量中：

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

其中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>";

将jQuery输入插入表模板

2 个答案: