Javascript 将div发送到单独的页面进行打印

因此，我正在一个网站上工作，将有很多食谱。我想有一个按钮，可以将显示的任何配方发送到该页面进行打印。然而，我设置每个页面的方式使这变得复杂。我为每种类型都有一个页面，并通过使用div和javascript显示菜谱。您从列表中单击一个配方，该配方调用一个函数，使相应的配方从“无”变为“块”。这是我目前的代码

$('.main').each(function() {
    if(style.display=="block"){
    var divData = $('.card').html();
    window.location.href = "print.html";
    document.write(divData);
    }

});    

---

如何更改此代码，使其调用显示设置为“block”的代码？

您应该尝试使用基于活动配方类的打印样式表

这里有更多关于打印样式表的信息

---

您应该尝试使用基于活动配方类的打印样式表

这里有更多关于打印样式表的信息

---

与其尝试通过内联样式查找元素，不如在其上设置一个类（用于进行样式设置）并通过该类选择元素。除非我误解了这个问题。不幸的是，我现在还不能发表评论，但我在另一个问题上发现了这一点，基本上是为了满足你的需要。制作一个表单并指定属性操作，即当您按下按钮时希望导航的页面，而不是尝试通过内联样式查找元素，在其上设置一个类（进行样式设置）并通过该类选择元素。除非我误解了这个问题。不幸的是，我现在还不能发表评论，但我在另一个问题上发现了这一点，基本上是为了满足你的需要。制作一个表单，并在按下按钮时指定要导航的页面的属性操作