jQuery prev Method Live Example

You can edit / change the code and click run button

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>prev demo</title>
  <style>
  div {
    width: 90px;
    height: 90px;
    margin: 10px;
    float: left;
    border: 2px red solid;
    padding: 2px;
  }
  span {
    font-size: 18px;
color:white;
  }
  p {
    clear: left;
    margin: 10px;
  }
  </style>
  <script src="../../../jquery-1.10.2.js"></script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head>
<body>
<div><span>Move me to the previous element </span></div>
<div><span>Move me to the previous element </span></div>
<div><span>Move me to the previous element </span></div>
<div><span>Move me to the previous element </span></div>
<div><span>Move me to the previous element </span></div>
<div><span>Move me to the previous element </span></div>
<div id="start"><span>Move me to the previous element </span></div>
<p><button>Click me to preview</button></p>
<script>
var $curr = $( "#start" );
$curr.css( "background", "#10b48f" );
$( "button" ).click(function() {
  $curr = $curr.prev();
  $( "div" ).css( "background", "" );
  $curr.css( "background", "#10b48f" );
});
</script>
</body>
</html>