0

Tengo el siguiente divque contiene un input con su respectivo id:

<div class="form-group linea numBoxCaja 1">
  <div class="input-group">
     <span class="input-group-addon"><i class="fa fa-user"></i></span>
        <input type="text" class="form-control input-lg" id="caja1" name="caja1" 
        value="">
  </div>
</div>

Quiero mostrar una alerta de bootstrap despues del inputcuando ocurre determinada acción, lo tengo de la siguiente manera:

$(".input-group #" + idCajaIden).after('<div class="alert alert-warning">strong>ADVERTENCIA!</strong> Filtro/Bolsa ya existe!.</div>');

Pero cuando la muestro queda de la siguiente manera:

introducir la descripción de la imagen aquí

Como puedo mostrar la alerta de la caja correctamente sin que me quede asi feo e incrustado?

Muchas gracias por la ayuda.

1 respuesta 1

1

el código es correcto pero se lo debes asignar al padre (.input-group) y no al propio input

$(".input-group #" + idCajaIden).parent().after('<div class="alert alert-warning">strong>ADVERTENCIA!</strong> Filtro/Bolsa ya existe!.</div>');

agrega el parent()

saludos

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.