文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery隐藏具有不匹配特定条件的特定类名的元素。

问Jquery隐藏具有不匹配特定条件的特定类名的元素。
EN

Stack Overflow用户

提问于 2017-04-03 13:30:24

回答 3查看 81关注 0票数 3

我有一个页面，它有多个元素，它们都有相同的类名。

其中一些正在重新定位，当我提交页面时，我想隐藏位于顶部的元素: 0；

我一直在考虑一些建议，我尝试过这样的方法：

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

但表面上这是行不通的:-)

还有人对如何做到这一点有想法吗？

谢谢

javascript

jquery

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-04-03 13:37:28

您正在设置元素的顶部位置，而不是筛选集合。

你想要使用过滤器()

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

票数 5

Stack Overflow用户

发布于 2017-04-03 13:37:11

这里没有选择器，但是可以通过循环元素和检查顶部位置来实现这一点。

就像这样。

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

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

这里有把小提琴

票数 0

Stack Overflow用户

发布于 2017-04-03 13:38:21

用类循环遍历每个元素，然后检查它的css属性：

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43185993

复制

相似问题

问Jquery隐藏具有不匹配特定条件的特定类名的元素。
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery隐藏具有不匹配特定条件的特定类名的元素。EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery隐藏具有不匹配特定条件的特定类名的元素。
EN