0

Нужно добавить класс к <div> после сравнения его содержимого с заданной строкой:

if ($('#orders .order :last-child').text() === 'Z' ) {
    console.log('green');
    $(this).addClass('green'); //тут проблема
}
.order {
    display: inline-block;
    padding: 5px;
}
.green {
    background-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='orders'>
    <div class='order'>
        <div class='b1'>X</div>
        <div class='b2'>Y</div>
        <div class='b3'>Z</div>
    </div>
</div>

1
  • Не стоит вставлять ключевые слова в заголовок вопроса, если они не имеют к нему прямого отношения: для этого есть теги. 17 июл 2016 в 1:39

1 ответ 1

3

Дело в том, что $(this) в момент выполнения ссылается вовсе не на нужный div, ведь это не обработчик события, к которому jQuery автоматически привязывает контекст, а просто проверка. Поэтому вам нужно сохранить найденный элемент в переменную и работать с ней:

var $myEl = $('#orders .order :last-child');

if ($myEl.text() === 'Z') {
  $myEl.addClass('green');
}
3

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.