如何将类添加到上一个div

时间:2017-11-11 12:57:31

标签: javascript jquery html css

我需要在" current"之前将第一个div添加到第一个div。类。

<div></div>
<div></div>
<div class="current">Current</div>
<div ></div>
<div></div>

我刚刚找到了如何为下一个div做到这一点,但仍然在寻找解决方案来获得它之前的课程。

$(document).ready(function(){
    $(".current + div").addClass("prv");
});

https://fiddle.jshell.net/0d7csqgb/2/

有谁知道我怎么做?

// EDIT

如果有人需要,可以使用以下工作解决方案: https://fiddle.jshell.net/df9ef0hf/6/

3 个答案:

答案 0 :(得分:4)

&#13;
&#13;
$(document).ready(function(){
    $(".current").prev().addClass("prv");
    $(".current").next().addClass("next");
});
&#13;
.prv{color:red;}
.next{color:green;}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>...</div>
<div>prv</div>
<div class="current">Current</div>
<div >next</div>
<div>...</div>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

您可以使用prev功能..

$(document).ready(function() {
  $(".current").prev().addClass("prv");
});
.prv{
background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>one</div>
<div>two</div>
<div class="current">Current</div>
<div>tree</div>
<div>four</div>

答案 2 :(得分:2)

尝试以下方法:

&#13;
&#13;
$(document).ready(function(){
    $('.current').prev('div').addClass('prv');
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
<div></div>
<div class="current">Current</div>
<div ></div>
<div></div>
&#13;
&#13;
&#13;