jquery - 使用 jQuery 隔离网页上的元素

Question

我为自己创建了一个 Firefox 插件来查看 http://www.reddit.com/r/thebutton 处的按钮。 我想要的只是让按钮成为唯一显示的元素。 我想要的只是让按钮表单成为唯一显示的表单。这是我能找到的使用 jQuery 隔离按钮的唯一方法。我觉得这是错误的方法，并且很好奇是否有正确的方法。

$('#header').remove();
$('.side').remove();
$('.footer-parent').remove();
$('#siteTable').remove();
$('#progressIndicator').remove();
$('.debuginfo').remove();
$('section').remove();
$('.content').css({"margin" : "auto"});

Answer 1

你可以这样做

$('.thebutton-form').prependTo('body');
$('body').children().not('.thebutton-form').hide(); // or remove()

这会将按钮附加到文档的开头并隐藏或删除其余内容

此解决方案不依赖于 #header 的存在。