jquery - 加载部分页面保留样式

Question

我想加载页面（表格）的一部分，保留 css 样式并将这部分加载到另一个页面（同一域）中。iframe 使用样式加载整个页面。jQuery .load 加载页面的一部分但不保留样式。我想要两全其美..

一个例子：

关于如何做到这一点的任何想法？

Answer 1

这当然不是一件容易的事。您可以从该部分中提取<link rel="stylesheet">和<style>元素，请求外部 CSS 文件，确定哪些规则适用，并手动（使用.css()）将这些规则中的每一个应用到目标元素。这当然会导致与当前页面上现有的 CSS 发生冲突，所以我认为没有开箱即用的解决方案。