我试图只打印我页面的一部分，例如从指定的元素容器包装器中，以下是我尝试过的，但不幸的是似乎不起作用。
$("#j_print_container").print(); //window.print()
它给了我一个错误：
打印不是函数
有什么想法、帮助、线索、建议吗？
【问题讨论】：
标签： javascript jquery printing
试试这个
如果你需要 css/js 然后像下面这样添加或删除
function printDiv(){
var divContent=$('#j_print_container').html();
var mywindow = window.open('', 'my div', 'height=600,width=750');
var htm = '<html><head><title>Receipt</title><script src="'+contextPath+'scripts/lib/jquery.min.js" ></script><link rel="stylesheet" href="'+contextPath+'styles/style.css" type="text/css" /><link rel="stylesheet"'+
'href="'+contextPath+'styles/custom.css" type="text/css" /><link rel="stylesheet" href="'+contextPath+'styles/font-awesome.min.css" type="text/css" />'+
'<link rel="stylesheet" href="'+contextPath+'styles/bootstrap.min.css" type="text/css" />'+'</head><body >'+divContent;
htm=htm+'</body></html>';
mywindow.document.write(htm);
mywindow.document.close(); // necessary for IE >= 10
mywindow.focus(); // necessary for IE >= 10
mywindow.print();
mywindow.close();
}
【讨论】：
print 不是 jQuery 元素上的函数。
正如 cmets 中所指出的，here 已经有几个很好的答案，还有一个 CSS 解决方案 here（不是公认的答案——那是垃圾！）。
这里有几个我敲过的方法。它并不像看起来那么简单 - 您可能仍然需要 CSS，而第二个可能不适用于更复杂的页面，但它可以让您了解您想要实现的目标。
$.fn.print = function(){
var content = $(this).html();
var w = window.open('about:blank','', 'width=800,height=600,top=100,left=100');
w.document.write(content);
w.print();
w.close();
};
$.fn.print2 = function(){
$('*').not(this).addClass('hidden-for-print').hide();
$(this).children().removeClass('hidden-for-print').show();
$(this).parents().removeClass('hidden-for-print').show();
window.print();
$('.hidden-for-print').show();
};
【讨论】：
w.document.write(content); w.document.write('<link type="text/css" rel="stylesheet" href="/styles/foo.css"/>');.