Question

Views

Tengo una página que tiene varios elementos que tienen el mismo nombre de clase.

Algunos de ellos están siendo reposicionados y cuando envío la página me gustaría ocultar los elementos que están en una posición superior: 0;

He estado mirando algunas sugerencias y he intentado algo como esto:

 $('.myClass').not($('.myClass').css('top', '0')).fadeOut(300);

Pero aparentemente eso no funciona :-)

¿Alguien más tiene una idea sobre cómo lograr esto?

Gracias

about 4 years ago · Santiago Trujillo

No hay un selector para esto, pero esto se puede lograr haciendo un bucle de los elementos y verificando la posición superior.

Algo como esto.

 $.each($('.myClass'), function(i, el) { var position = $(el).position(); if (position.top === 0) { $(el).hide(); } });

about 4 years ago · Santiago Trujillo Report

Recorra cada elemento con la clase y luego verifique su propiedad css:

 $('.myClass').each(function(){ if($(this).css('top')==='0'){ $(this).fadeOut(300); } });

about 4 years ago · Santiago Trujillo Report

Answer question

Accepted Answer · 2022-06-13T20:55:19.148Z

Está configurando la posición superior de los elementos, no filtrando el conjunto.

Quieres usar filtro ()

 $( '.myClass' ) .filter(function() { return $(this).css('top') === "0px"; }).fadeOut(300);