抓取元素的HTML并删除它的孩子的样式标签

Question

小提琴 - http://codepen.io/mikethedj4/pen/BCJun

我一直在为我的平板电脑设计一个网站设计师，它几乎已经准备好发布了，但我有一个问题。

当我调整样式属性以获得一个漂亮的视觉样式时，默认情况下，浏览器会将元素的css修改添加到样式属性中。我相信大多数人都知道。

我尝试仅显示div.canves元素的子元素，没有样式标记，但不会影响div.canves的视图。

非常感谢任何帮助。

Answer 1

$（＆＃34; html的片材＆＃34）VAL（$（＆＃34; .canves＆＃34; ......）的儿童（）克隆（）removeAttr（＆＃39;风格＆＃39 ;））;

Answer 2

我通过将.canves html镜像到单独的div的html并删除其中的样式来实现此目的。这样它就不会删除.canves元素内部的样式，这对我来说非常合适。

$(".open-save-dialog").on('click', function() {
  $(".yourhtml").html($(".canves").html());
  $(".yourhtml *").removeAttr('style');
  $(".html-sheet").val($(".yourhtml").html().replace(/>/g,'>\n    ').replace(/</g,'\n  <'));
  $('.mirror-title').text( $('.website-title').val() );
  $(".mirror-css").text( $('.css-sheet').val() );
  $(".mirror-html").text( $(".html-sheet").val() );
  $('#code').val( $('.mirror-code').text() );
  saveTextAsHTML();
  return false;
});