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

时间:2016-01-14 20:15:27

标签: javascript jquery html css

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

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

这可能吗?我怎么能这样做?谢谢。

4 个答案:

答案 0 :(得分:6)

试试这个:

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

现场直播:https://jsfiddle.net/pj7j202e/

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

修改:按照@A。沃尔夫的建议,如果你只想在你的事实中找到元素,那么试试这个:

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

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

答案 1 :(得分:4)

使用<?php $ldapconfig['host'] = "dsua1.company.com"; $ldapconfig['port'] = 636; $ldapconfig['basedn'] = "cn=userid,ou=Applications,ou=Company,ou=Services,dc=iM-2,dc=com"; $ldapconfig['binddn'] = "userid"; $ldapconfig['bindpw'] = "password"; $ldapconn=ldap_connect($ldapconfig['host'],$ldapconfig['port']); ldap_bind($ldapconn, $ldapconfig['binddn'], $ldapconfig['bindpw']); ?> 仅在#ventana_factura_1元素中删除。

答案 2 :(得分:1)

您可以尝试以下

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

答案 3 :(得分:1)

试试这个:

factura.find('[style]').removeAttr('style');

你可以检查它是否有效here;