如何显示与jQuery

Question

的append方法两个JavaScript变量如果我试图显示与这段代码的内容，我已经得到了预期的结果：

$("#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输入）和代替我已经得到了这样的表：[对象的对象]

我该如何解决这个问题？

编辑：THX这个问题的答案是对的变量都的console.log结果：

Object[table.add_table] //console.log(table) 

<input name="cat" type="hidden" value=3105 />//console.log(input) 

好了，有一个字符串和一个对象，我不能连接，然后...

Answer 1

您可以用这种方式追加对象。使用.Append()

当您尝试添加对象之间的运营商html财产，它串联它们的类型名称，即[object][object] [object][object]

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

Answer 2

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

如果table和input是jQuery对象，则不能简单地连接它们。这将是很好的解决方案。

Answer 3

正如你不能与对象串联，你需要或者由一个追加一个（请参阅PSL的答案），或获取每个对象的html并将其并置。

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

我会与PSL的答案一起追加。