我需要在" 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/
答案 0 :(得分:4)
$(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;
答案 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)
尝试以下方法:
$(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;