将类添加到

Question

我有以下html结构：

<div> ... </div>
<div> ... </div>
<div> ... </div>

我想要做的是每当我将课程有效添加到div标签时，紧接其上方的div标签将获得无效类。使用JQuery可以实现这样的事情吗？

更新

我尝试了以下操作但是这会为父DIV添加一个类而不是它上面的DIV：

if ($('div').hasClass('active')) {
    $(this).parent().addClass('inactive');
}

谢谢！

Answer 1

jQuery parent()函数返回所选元素的父元素。见https://api.jquery.com/parent/

<div class="parent">
    <div class="child"></div>
</div>

您应该使用prev()函数查找DOM中的上一个元素。 请查看文档页面：https://api.jquery.com/prev/

您的代码可能如下所示：

var $current = $('div.active');
var $previous = $current.prev();

$previous.addClass('inactive');

变量名前的$表示它包含DOM元素。

<强>小提琴

https://fiddle.jshell.net/30tf4ytw/7/