使用JQuery去掉子CSS类的转换

我有一个ID有一个子类。我想要ID转换，但班级不转换。因为该类在它正在转换的id内。我已经浏览了CSS jquery文档，并从中找出了如何转换这两个元素，但不能单独转换父项。

这是CSS

#outside { 
    background-size: 25em, 25em, auto, cover; 
    color: white; 
    cursor: default; 
    padding: 6em 0; 
    text-align: center; 
} 



    #outside .inside { 
     background: rgba(52, 27, 43, 0.5); 
     color: white; 
     display: inline-block; 
     opacity: 0; 
     padding: 3em; 
     text-align: center; 
    }

这里是我得到了jQuery的尝试工作

<script> 
     $(document).ready(function() { 
     var timeToDisplay = 4000; 
     var outside = $('#outside'); 
     var urls = [ 
      'images/image1.jpg', 
      'images/image2.jpg', 
      'images/image3.jpg' 
      ]; 

     var index = 0; 
     var transition = function() { 
      var url = urls[index]; 

      outside.css('background-image', 'url("images/light-bl.svg"), url("images/light-br.svg"), url(' + url + ')'); 

      index = index + 1; 
      if (index > urls.length - 1) { 
       index = 0; 
      } 
     }; 

     var run = function() { 
      transition(); 
      outside.fadeIn('slow', function() { 
       setTimeout(function() { 
        outside.fadeOut('slow', run); 
       }, timeToDisplay); 
      }); 
     } 

     $("div.inside").css("-webkit-transition","none !important;"); 
     $("div.inside").css("-moz-transition","none !important;"); 
     $("div.inside").css("-ms-transition","none !important;"); 
     $("div.inside").css("transition","none !important;"); 



     run(); 
}); 
</script>

任何意见不胜感激，如果你能在这将是巨大指向正确的方向我谢谢！

来源

2014-11-23 aazzaawwaazzaa

var outside = $('#outside:not(.inside)');怎么样？

来源

2014-11-23 08:30:12 Pejs

谢谢@pejs，你介意扩展你的意思吗？我不太明白？ – aazzaawwaazzaa 2014-11-23 08:42:32

您可以使用jQuery'：not'选择器从操作中排除特定的类/ id。另一方面，一般来说，你不应该在一个页面上有两个或更多具有相同id的对象（在你的情况下''outside''）。但是很难说如果你不提供这样的jsfiddle例子 – Pejs 2014-11-23 09:13:32

？ http://jsfiddle.net/w4xzae4s/我觉得我超出了我的深度！ – aazzaawwaazzaa 2014-11-23 09:28:49

使用JQuery去掉子CSS类的转换

回答

相关问题