Question

我确定这很容易，我只是不理解它。但是我试图将jquery选择器的第一个元素作为目标并且fadeOut该元素。我可以淡化这两个元素，但不能使用索引逐个淡化。我一直得到一个＆＃34; jQuery.Deferred异常：$（...）[0] .fadeOut不是一个函数＆＃34;错误。我正在使用codepen，因此jquery库和SCSS被加载到其中。

HTML

<div class="container">
  <img src="https://static.pexels.com/photos/371633/pexels-photo-371633.jpeg" class="container__image">
  <img src="https://static.pexels.com/photos/414171/pexels-photo-414171.jpeg" class="container__image">
</div>

CSS

* {
  margin:0;
  padding: 0;
  box-sizing: border-box;

}

.container {
  width: 350px;
  height: 350px;
  background-color: blue;
  margin: 15px auto;

  &__image {
    max-width: 100%;
    height: auto;
  } 
}

使用Javascript：

$(document).ready(function() {
  $(".container__image")[0].fadeOut();
});

Answer 1

您可以使用eq。

 $(document).ready(function() {
   $(".container__image").eq(0).fadeOut();
 });

或者你可以像这样使用array

$(document).ready(function() {
  var array = [];
  $('.container__image').each(function(i, li) {
    array.push($(li));
  });
  array[0].fadeOut();
});

无法在阵列中淡出特定元素

1 个答案: