.first()无法过滤我的第一堂课

时间:2015-11-01 18:52:52

标签: javascript jquery css

我无法弄清楚我的jquery有什么问题,我正在尝试做一个内容滑块,但我的.first()因某些原因无法过滤我的第一堂课。

我正在谈论的一个样本

的jQuery

 1. $('.textinside').first().addClass('active');

CSS

.active{
   display: block;
}
.textinside{
   color: blue;
   font-size: 19px;
   background-color: black;
   position: absolute;
   display: none;
}

HTML

<div class="container">

<div class="textinside">text1</div>
<div class="textinside">text2</div>
<div class="textinside">text3</div>
</div>

1 个答案:

答案 0 :(得分:1)

交换CSS文件中的两个类。第二个覆盖了第一个。 所以使用:

.textinside{
   color: blue;
   font-size: 19px;
   background-color: black;
   position: absolute;
   display: none;
}

.active {
   display: block;
}

它会起作用。演示:http://jsfiddle.net/bcexLgvd/