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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用jQuery删除多个标签的属性样式？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2676字，纯文字阅读大概需要4分钟。

内容图文

这是我的问题……我正在尝试从下面复制代码,这是代码：

    <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”及其值……这样的事情：

<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>

这可能吗？我怎么能这样做？谢谢.

解决方法:

试试这个：

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

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

这将获取具有style属性的任何元素,并将其删除.
请注意,通过在选择器中使用[style],您只选择实际具有style属性的那些,从而避免没有样式的元素.

编辑：按照@A.沃尔夫的建议,如果你只想在你的factura中获取元素,那么试试这个：

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

几乎相同,但它只会在ventana_factura_1的元素中定位.

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用jQuery删除多个标签的属性样式？全部内容，希望文章能够帮你解决javascript – 如何使用jQuery删除多个标签的属性样式？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端