如何使用jQuery删除多个标记的属性样式？

Question

这是我的问题.我试图从下面复制代码--这是代码：

    <div class="modalMask" id="ventana_factura_1">
   <div class="modalContent">
      <p style="text-align: right; color: red;" class="mini-1">Folio: 1</span><span>Serie: A</span></p>
      <div style="text-align: right;" class="mini-2">
         <p>Fecha</p>
         <p>2016-01-14</p>
      </div>
      <p class="mini-3">One name</p>
      <p class="mini-4">More data</p>
      <h2 class="mini-5" style="text-align: center; color: #269FE4;">FACTURA</h2>

      <div class="div-table mini-6">
         <div class="div-table-row mini-7">
            <div class="div-table-col mini-8" align="center" style="width: 70px;"><b>Cantidad</b></div>
            <div class="div-table-col mini-9" style="width: 260px;"><b>Descripcion</b></div>
            <div class="div-table-col mini-10" style="width: 100px;"><b>Precio unitario</b></div>
            <div class="div-table-col mini-11" style="width: 110px;"><b>Importe</b></div>
         </div>
      </div>
      <div class="div-table-row mini-12">
         <div class="div-table-col mini-13" style="width: 70px;">5</div>
         <div class="div-table-col mini-14" style="width: 260px;">This is a description</div>
         <div class="div-table-col mini-15" style="width: 100px;">Price</div>
         <div class="div-table-col mini-16" style="width: 110px;">100</div>
      </div>
   </div>
</div>

我使用var factura = $('#ventana_factura_1).html();复制代码，然后将内容分配给另一个div $('#newdiv').html(factura)，它正在工作，但我想删除每个标记的属性样式，只需在每个标记中保留属性"class“及其value...something，如下所示：

<div class="modalMask" id="ventana_factura_1">
   <div class="modalContent">
      <p class="mini-1">Folio: 1</span><span>Serie: A</span></p>
      <div class="mini-2">
         <p>Fecha</p>
         <p>2016-01-14</p>
      </div>
      <p class="mini-3">One name</p>
      <p class="mini-4">More data</p>
      <h2 class="mini-5">FACTURA</h2>

      <div class="div-table mini-6">
         <div class="div-table-row mini-7">
            <div class="div-table-col mini-8" align="center"><b>Cantidad</b></div>
            <div class="div-table-col mini-9"><b>Descripcion</b></div>
            <div class="div-table-col mini-10"><b>Precio unitario</b></div>
            <div class="div-table-col mini-11"><b>Importe</b></div>
         </div>
      </div>
      <div class="div-table-row mini-12">
         <div class="div-table-col mini-13">5</div>
         <div class="div-table-col mini-14">This is a description</div>
         <div class="div-table-col mini-15">Price</div>
         <div class="div-table-col mini-16">100</div>
      </div>
   </div>
</div>

有这个可能吗？我该怎么做呢?谢谢。

Answer 1

试试这个：

$("*[style]").removeAttr("style");

现场观看：https://jsfiddle.net/pj7j202e/

这将获取任何具有样式属性的元素，并移除它。注意，通过在选择器中使用[style]，您只选择了在其中实际具有样式属性的元素，从而避免了没有样式的元素。

编辑：按照@A.Wolff的建议，如果您只想获取factura中的元素，那么尝试如下：

$("#ventana_factura_1 *[style]").removeAttr("style");

大致相同，但它只针对ventana_factura_1的元素。

Answer 2

使用factura.find("*[style]").removeAttr('style')仅在#ventana_factura_1元素中删除。

Answer 3

你可以试着跟着

$('#newdiv').find("*").removeAttr("style");