Jquery html()显示的是对象而不是实际的元素

时间:2014-10-27 11:07:36

标签: jquery html

我正在尝试按照下面的代码使用html()显示菜单,但它显示'object object'而不是

var save = $('<a href="#" class="save">Save</a>');
var print = $('<a href="#" class="print">Print</a>');

$("#menu").html(save+' | '+print);

当我将最后一行更改为

$("#menu").html(save);

它正确显示一个链接。你能帮我吗

1 个答案:

答案 0 :(得分:2)

你不必将你的vars声明为对象。只需将它们声明为字符串即可。如果要将它们声明为对象,则不能在html()函数中使用任何字符串连接。例如:

$("#menu").html(save+' | '+print);无效。

$("#menu").html(save+print);将有效

尝试:

&#13;
&#13;
var save = '<a href="#" class="save">Save</a>';
var print = '<a href="#" class="print">Print</a>';
$("#menu").html(save + ' | ' +print);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="menu"></div>
&#13;
&#13;
&#13;