Предотвратить применение последнего ребенка ⇐ Jquery

[Anonymous]

Мне нужно предотвратить добавление последнего ребенка. Коробка сброса должна оставаться белой. Я не хочу давать коробку сброса другого класса, чтобы не дать его изменению цвета. Мне нужно, чтобы стили не были добавлены. Любая помощь или толкание в правильном направлении будут высоко оценены. Я пытался использовать: не (: последний ребенок), но это, похоже, не сработало. < /P>

Код: Выделить всё

$(".btn").click(function () {
boxColor = $(this).val();
$(".box:not(:last-child)").css('background-color', boxColor);
});
< /code>

Вот мой код: < /p>


$(".btn").click(function () {
boxColor = $(this).val();
$(".box").css('background-color', boxColor);
});

$(".reset").click(function () {
$(".box").removeAttr('style');
});< /code>
body {
background: lightgrey;
}

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
max-width: 980px;
margin: 0 auto;
}

.col-3 {
flex: 0 0 24.999%;
}

.box {
height: 200px;
max-width: 230px;
margin: 1em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.box.red {
background: #E53A40;
}
.box.green {
background: #285943;
}
.box.blue {
background: #6AAFE6;
}
.box.white {
background: white;
}

@media (max-width: 768px) {
.col-3 {
flex: 0 0 100%;
}

.box {
max-width: 100%;
margin-bottom: 1em;
}
}< /code>





Test





Red




Green




Blue




Reset

Подробнее здесь: https://stackoverflow.com/questions/521 ... be-applied