在一个对话框中，我想用一个特定的类显示所有的元素。这个对话框应该隐藏页面的其余部分。例如：在这个堆栈溢出页面上，我想显示所有带有class="user-info"的元素。这些元素将显示在一个对话框中，具有相同的宽度和高度以及相同的CSS，其他所有元素都将隐藏。这就像从页面中剪切它们并将它们粘贴到对话框中一样。有什么办法吗？
class="user-info"
68de4m5k1#
我想在对话框中显示具有特定类所有元素所以clone那些元素，例如：
var $div = $("<div />").append($(".fooClass").clone()).dialog();
对话框应隐藏页面的其余部分。将覆盖图形（可以使用themeroller）设置为不透明的图形，或者将一些代码附加到open和close事件：
$div.dialog({ open: function(event, ui) { $("body").hide() } // that will hide everything, including the dialog, so watch out. close: function(event, ui) { $("body").show() } });
Proof of concept here.编辑：This demo keeps the inline style defined in a parent element.
5fjcxozz2#
找到了一个答案，感谢这个post看看here。它演示了从iframe中提取某个类的所有元素，然后将它们附加到主文档中并复制它们的样式。问题是它非常慢，特别是当我们复制许多带有许多子元素的元素时。如果有人知道提高性能的方法，请告诉我（发布在这里：））。注意：我在iframe中加载jsFiddle页面的原因是它（browser？）不会让jquery检查不是从同一个域加载的iframe的内容。
2条答案
按热度按时间68de4m5k1#
我想在对话框中显示具有特定类所有元素
所以clone那些元素，例如：
对话框应隐藏页面的其余部分。
将覆盖图形（可以使用themeroller）设置为不透明的图形，或者将一些代码附加到open和close事件：
Proof of concept here.
编辑：This demo keeps the inline style defined in a parent element.
5fjcxozz2#
找到了一个答案，感谢这个post
看看here。它演示了从iframe中提取某个类的所有元素，然后将它们附加到主文档中并复制它们的样式。问题是它非常慢，特别是当我们复制许多带有许多子元素的元素时。如果有人知道提高性能的方法，请告诉我（发布在这里：））。
注意：我在iframe中加载jsFiddle页面的原因是它（browser？）不会让jquery检查不是从同一个域加载的iframe的内容。