1

El detalle esta, cuando le doy click a ( xClones ) = se eliminan todos los elementos de #campoBusq y la pregunta es como se hace para que se elimine solo el elemento que se le de el click

<div id="campoBusq">
         <div class="elemento">
             texto1 <div class="xClones"> X </div> 
         </div>

         <div class="elemento">
             texto2 <div class="xClones"> X </div>
          </div>

         <div class="elemento">
             texto3 <div class="xClones"> X </div>
         </div>
     </div>
$('#campoBusq').on('click','.xClones',function() {
   $("#campoBusq").find(".elemento").remove();*Como podria usar un this aqui*

});

introducir la descripción de la imagen aquí

3 respuestas 3

1

Seguro que no te funciona así?

$('#campoBusq').on('click','.xClones',function() {
     $(this).parent().remove();
});
9
  • sorry, si funciona
    – Gamez
    el 17 mar. 2017 a las 23:40
  • Pues si te estoy diciendo e.e Lo mismo te dije en tu pregunta pasada ¬¬ el 17 mar. 2017 a las 23:41
  • gracias amigo, ahora si complete el codigo vere que se presenta mas adelante :-)
    – Gamez
    el 17 mar. 2017 a las 23:41
  • Y pones la respuesta de Gustavo como la correcta XD! Bueno, equis. El fin de semana estoy ausente, la semana que viene te sigo ayudando, byte. el 17 mar. 2017 a las 23:42
  • 1
    ¿En qué te basas para decir que "vi la tuya" y me copié? Simplemente estoy en el cliente móvil y se dificulta la visión del código. ¿Crees que un usuario con mi reputación iría copiando respuestas? :facepalm:
    – gugadev
    el 18 mar. 2017 a las 0:14
1

¿Cómo se hace para que se elimine solo el elemento que se le de el click?

Simple y llanamente con remove:

$(this).remove();

O si quieres eliminar el padre (.elemento):

$(this).parent().remove();
3
  • no funciona, pero no quiero decir que no funcione el tuyo
    – Gamez
    el 17 mar. 2017 a las 23:33
  • Este codio $("#campoBusq").find(".elemento").remove(); me sirve pero el problema es que me elimina a todos con el nombre de clase elemento
    – Gamez
    el 17 mar. 2017 a las 23:34
  • @Gamez ¿No ves que mi código es lo mismo que lo que te han respondido los demás? ¿En qué te basas para decir "no funciona"?
    – gugadev
    el 18 mar. 2017 a las 0:07
1

Simplemente utiliza parent(); y dale el nombre del elemento de la siguiente forma:

$('#campoBusq').on('click', '.xClones', function() {
  $(this).parent("div").remove();
});
*{
 font-family: Arial;
}

#campoBusq{
  width: 60px;
}

.xClones{
  float: right;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="campoBusq">
  <div class="elemento">
    texto1
    <div class="xClones"> X </div>
  </div>

  <div class="elemento">
    texto2
    <div class="xClones"> X </div>
  </div>

  <div class="elemento">
    texto3
    <div class="xClones"> X </div>
  </div>
</div>

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.