すべてのブートストラップタブを反復してボタンの内容を印刷する方法

Printをクリックすると、すべてのブートストラップタブと印刷内容（アクティブタグのものだけでなく、非アクティブなものも）を反復する方法ボタンのいずれかに表示されます。 各タブにはコンテンツが動的に挿入されています関連するSOソリューションで見つかったいくつかのCSSの変更を試してみました。それらは私のために働かなかった。私の印刷ボタン用すべてのブートストラップタブを反復してボタンの内容を印刷する方法

onclick機能は、あなたのコードには2つの問題があり、ここで

function printMe() { 
    var theWork = window.open('', 'PrintWindow'); 
    var tabs_html = "<html><head><title>Print</title>"; 
    tabs_html += "<style>body { padding: 15px; }</style></head>"; 
    $(".tabs").each(function() { 
    $(this).find(".nav-tabs li").each(function(index, element) { 
     tabs_html += "<h2>" + $(this).text() + "</h2><br/>"; 
     tabs_html += $(".tab-content .tab-pane").eq(index).html() + "<br/><br/>"; 
    }); 
    $(this).after(tabs_html + "</body></html>"); 
    }); 
    theWork.document.open(); 
    theWork.document.write(tabs_html); 
    theWork.document.close(); 
    theWork.print(); 
}

Fiddle

出典

2016-07-11 PS_

まず、各.tabsアイテムを印刷しようとしています。私はそれがあなたのそれぞれの機能の外にあるべきだと思う。 – lintu

私はコードで使用するタブと機能を使って簡単なコードを入力してください。 – lintu

http://jsfiddle.net/7WuNf/821/ –