Cree un pequeño script
que recorre unos div
, revisa si estos comparten una de las #id que hay en el #array y si es así agrega un div
dentro.
Quiero hacer que si no cumple la regla el div
desaparezca pero si uso else{ $(this).remove()}
me borra todos los div
.
Cuando uso else{ $(this).addClass()
le aplica la clase a los que cumplen la 1 condición, no a los que no la cumple.
¿Saben por que puede ser?
var arreglo = ["A", "B", "c", "d","E","f","g","H"];
$(".sup > div").each(function(index){
console.log("comprobación "+index)
for(i=0; i< arreglo.length; i++ ){
var id_ = $(this).attr("id") //obtiene la #id del div
if(arreglo[i] === id_){//compara las #id si son iguales
console.log(arreglo[i]+" = "+id_+" BINGO")//lo declara en la consola
$(this).append("<div class='prueba'/>");//dibuja un div dentro
} else if(arreglo[i] !== id_){
console.log(arreglo[i]+" = "+id_+" NO")
$(this).toggleClass("class")
}
}//for2
}/*function*/)