0

Estoy intentando hacer un script en jquery que detecte un class dentro de otro y cuando lo detecte notifique, lo borre y siga ejecutando hasta que detecte otro.

Pero el problema es que detecta un class que se borra antes y no esta en el DOM.

https://jsfiddle.net/j7swht8q/

$(document).ready(function() {
var audio = new Audio('https://www.myinstants.com/media/sounds/sound-9______.mp3');
var $myDiv = $('.foo .biz');
var divss = 0;
function detect_drop(){
    if ( $myDiv.length) {
   			 divss++;
        console.log(divss);  
        audio.play();
        $( $myDiv ).remove();
        
    }
}
setInterval(detect_drop, 10000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo">
  <div class="bar"></div>
  <div class="bar">
<div class="biz"></div>
  </div>
  <span></span>
</div>

1
  • ¿Nadie sabe contestarme?
    – Kaiserdj
    Commented el 22 ago. 2017 a las 12:50

1 respuesta 1

3

Aunque el div ya no está en el DOM, la variable $myDiv no ha cambiado y sigue conteniendo los elementos que había en su momento.

Una opción sería calcular $myDiv en cada ejecución así:

$(document).ready(function() {
  var audio = new Audio('https://www.myinstants.com/media/sounds/sound-9______.mp3');
  var divss = 0;
  function detect_drop(){
    var $myDiv = $('.foo .biz');
    if ( $myDiv.length) {
          divss++;
          console.log(divss);  
          audio.play();
          $( $myDiv ).remove();   
      }
  }
  setInterval(detect_drop, 10000);
});
1
  • Muchas gracias, me funciono perfectamente
    – Kaiserdj
    Commented el 22 ago. 2017 a las 13:19

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.