0

Como el título lo dice, quiero eliminar la etiqueta style del siguiente código mediante JQuery.

Código:

<div id="action_ligne" class="action_ligne">
    <label class="lbl obligatorio checked" style="color: red;">Code postal</label>
    <label class="obligatorio checked" maxlength="30" id="val_CL_ZIP" style="color: red;">NW8 9AY</label>
</div>

Olvidé aclarar que esto se encuentra dentro de un documento html bastante extenso por lo que no son los únicos label dentro del dom

3 respuestas 3

1

Veo que ambas etiquetas comparten la clase obligatorio, entonces a partir de ahí puedes hacerlo así:

$(document).ready(function(){
  $(".obligatorio").removeAttr("style");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="action_ligne" class="action_ligne">
    <label class="lbl obligatorio checked" style="color: red;">Code postal</label>
    <label class="obligatorio checked" maxlength="30" id="val_CL_ZIP" style="color: red;">NW8 9AY</label>
</div>

También ambos son etiquetas label, así que lo puedes hacer también así:

$(document).ready(function(){
  $("label").removeAttr("style");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div id="action_ligne" class="action_ligne">
    <label class="lbl obligatorio checked" style="color: red;">Code postal</label>
    <label class="obligatorio checked" maxlength="30" id="val_CL_ZIP" style="color: red;">NW8 9AY</label>
</div>

Tomando como regerencia el id del div padre:

$(document).ready(function(){
  $("#action_ligne").find("label").each(function(){
    $(this).removeAttr("style");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <div id="action_ligne" class="action_ligne">
        <label class="lbl obligatorio checked" style="color: red;">Code postal</label>
        <label class="obligatorio checked" maxlength="30" id="val_CL_ZIP" style="color: red;">NW8 9AY</label>
    </div>

2
  • Olvidé aclarar que esto se encuentra dentro de un documento html bastante extenso por lo que no son los únicos label dentro del dom
    – PastLink
    el 18 ago. 2017 a las 20:01
  • Puedes hacerlo tomando de referencia el id="action_ligne" que es el id padre. el 18 ago. 2017 a las 20:04
1

Yo lo haría así de simple:

$('label').removeAttr("style");
0

Utiliza .removeAttr(attrName) que elimina un atributo del un elemento html:

function eliminarStyle()
{
 $("#action_ligne label:last").removeAttr("style");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="action_ligne" class="action_ligne">
    <label class="lbl obligatorio checked" style="color: red;">Code postal</label>
    <label class="obligatorio checked" maxlength="30" id="val_CL_ZIP" style="color: red;">NW8 9AY</label>
</div>

<button onclick="eliminarStyle()">Eliminar style</button>

2
  • Olvidé aclarar que esto se encuentra dentro de un documento html bastante extenso por lo que no son los únicos label dentro del dom
    – PastLink
    el 18 ago. 2017 a las 20:05
  • 1
    Lo que buscas es eliminar el atributo style y hay lo tienes. Ya en ese caso tienes que adaptar el codigo a tus necesidades.
    – Einer
    el 18 ago. 2017 a las 20:07

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.