How To Add A Class To Previous Div

I need to add class to the first div before the 'current' class.

Current

Solution 1:

$(document).ready(function(){
    $(".current").prev().addClass("prv");
    $(".current").next().addClass("next");
});

.prv{color:red;}
.next{color:green;}

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

Solution 2:

You can use prev function..

$(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>

Solution 3:

Try the following:

$(document).ready(function(){
    $('.current').prev('div').addClass('prv');
});

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

Share