在表模板中插入jQuery输入

Insert jQuery input into a table template

本文关键字：插入 jQuery 输入      更新时间：2023-09-26

我被卡住了，我有一个表模板到一个JavaScript变量，像这样:

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

其中libellesMag['nom']是一个jQuery变量，包含一个输入类型text。

当我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…]

您需要首先将元素添加到父元素，然后在父元素上使用.html()，您可以创建一个临时元素用作父元素，因此不影响页面的DOM，这样做:

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

参见工作演示

请注意，我使用的span元素从未添加到您的DOM中，它只是用作您的元素的临时父元素，所以我们可以使用.html()

尝试使用libellesMag['nom'].val()，像这样:

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