Как сделать проверку одинаковых блоков в jQuery и подходящий по условию блок изменить?

Question

[Владислав Бойченко]

Создал пример, чтобы было понятно, о чем речь: https://codepen.io/anon/pen/bWjdYy
В общем, есть ряд настроек, у каждой -- название и описание. Специально через CSS сделано так, чтобы в строку вмещалась не больше одного рядка текста.
.block-row{overflow: hidden; height: 14px;}
Но в некоторых настройках текста будет больше, чем на один рядок, и вот при исполнении этого условия нужно менять именно это строку. По факту там будет добавляться стрелочка, но сейчас хотя бы отловить это действие и изменить строку хоть как-то, фон поменять, остальное для себя знаю, как сделать.
Надеюсь на помощь!

Comments

[Сергей]

Очень не понятно объяснил. Если то, что я вижу правильно понял, то возникает вопрос - а jquery тут зачем? Ты можешь просто ограничить ширину с помощью css

[Владислав Бойченко]

Сергей: я ограничиваю высоту каждому блоку автоматом на CSS, чтобы они не были больше, чем одна строка, даже если строк больше. И мне нужно на jQuery изменить те строки, которые не вмещаются в одну строку.

Answer 1

[Антон]

Так разбейте строки на кол-во символов и условием больше меньше и пускайте

Comments

[Владислав Бойченко]

Да суть не в условии, там много их можно придумать. Вопрос в том, как изменять только те блоки, которые удовлетворяют условие.

[Антон]

Владислав Бойченко: Так я и говорю. Вы проходите циклом по всем блокам, считаете кол-во символов, и в тех блоках, в которых оно превышает назначенное, через обычный $(this) меняете что вашей душе угодно.

[Владислав Бойченко]

Антон: Да, я вроде как понял, но мой цикл не работает :(
я в jQuery не силен, но вот, что написал, и оно не работает.

$('.block-row').each(function(){
    var outerHeight = $(this).height();
    var innerHeight = $(this).children('.descripton');
    if(innerHeight < outerHeight){
      $(this).css('background','red');
    }
  });

[Антон]

Владислав Бойченко: https://jsfiddle.net/39rvcg6v/

[Владислав Бойченко]

Антон: вот оно, спасибо, буду разбираться)

[Антон]

Владислав Бойченко: дисплей тейбл у блока с описанием - одно из ключей