Sin más código que me permite probar lo que quieres sólo puedo mostrarte dos formas de hacerlo:
function comprobar1() {
if ($('input[id=mostrarcheck]').is(':checked')) {
var checksolu = $("<textarea id='divsolucion' name='solu' rows='2' cols='45' autocomplete='off' required></textarea>");
$("#consulta").append(checksolu);
} else {
$("#consulta").empty();
}
}
function comprobar2() {
if ($('input[id=mostrarcheck]').is(':checked')) {
var checksolu = $("<textarea id='divsolucion' name='solu' rows='2' cols='45' autocomplete='off' required></textarea>");
$("#consulta").append(checksolu);
} else {
$("#divsolucion").remove();
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><input type="checkbox" id="mostrarcheck" checked> Hola</p>
<button onclick="comprobar1()">Borrar con empty()</button>
<button onclick="comprobar2()">Borrar con remove()</button>
<p><small>Nota: Tras agregar pulsando los botones de arriba desmarcar la opción para borrar.</small></p>
<div id="consulta"></div>
En la primera forma hago un empty()
del <div>
padre, eliminando todos sus hijos.
En la segunda selecciono el <textarea>
cuyo id
es divsolucion
y lo elimino con remove()
.
Ten en cuenta que si pulsas varias veces el botón y agregas varios <textarea>
, la primera opción borrará todos al mismo tiempo ya que deja vacío el padre y la segunda opción los borrará uno a uno.
textarea
que has creado a través de suid
conremove()
y vaciando al padre conempty()
.