Question

我需要在＆＃34; current＆＃34;之前将第一个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/

Answer 1

＆＃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;

Answer 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>

Answer 3

尝试以下方法：

＆＃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;

如何将类添加到上一个div

3 个答案: