如何使用jquery的append方法显示两个javascript变量

how to display two javascript variables with the append method of jquery

本文关键字：两个 变量 javascript 显示 jquery 何使用 append 方法      更新时间：2023-09-26

如果我尝试用这段代码显示内容，我得到了预期的结果:

$("#checkbox_list").append($("<li/>", {id: "medias_bloc_"+id, html: table }) ); //a HTML a classical html table is appended

但如果我想添加另一个js变量其中包含一些html元素，如

$("#checkbox_list").append($("<li/>", {id: "medias_bloc_"+id, html: table + input }) );

然后，只出现了输入html(基本html输入)，而不是表，我得到了这个:[object object]

我怎样才能解决这个问题?

编辑:谢谢你的回答这是console.log变量的结果:

Object[table.add_table] //console.log(table)
<input name="cat" type="hidden" value=3105 />//console.log(input)

好的，这里有一个字符串和一个对象我不能将它们连接起来

您可以这样添加对象。使用.Append()

当您尝试在html属性中的对象之间添加操作符时，它会连接它们的类型名称，即[object][object] [object][object] 

$("#checkbox_list").append($("<li/>", {id: "medias_bloc_" + id}).append(table).append(input) );

您没有提到table和input是什么。

如果table和input是jQuery对象，您不能简单地将它们连接起来。

由于不能与对象连接，因此需要一个接一个地附加(参见PSL的答案)，或者获取每个对象的html并将其连接。

$("#checkbox_list").append($("<li/>", {id: "medias_bloc_"+id, html: $(table).html() + $(input).html() }) );

我会用PSL的答案，一个一个附加。

相关文章：