Question

Views

I have a page which has multiple elements that all have the same classname.

Some of them are being repositioned and when I submit the page I would like to hide the elements which are at a position of top: 0;

I've been looking at some suggestions and I've tried something like this:

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

But appearantly that's not working :-)

Anybody else has an idea on how to accomplish this?

Thanks

about 4 years ago · Santiago Trujillo

There is no selector for this but this can be accomplished with by looping the elements and checking for the top position.

Something like this.

$.each($('.myClass'), function(i, el) {
  var position = $(el).position();

  if (position.top === 0) {
      $(el).hide();
  }
});

about 4 years ago · Santiago Trujillo Report

Loop over every element with the class then check for its css property:

$('.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

You are setting the position top of the elements, not filtering the set.

You want to use filter()

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