1

Есть таблица типа такой

<table>
    <tr> <td>1</td> <td>0</td> </tr>
    <tr> <td>0</td> <td>0</td> </tr>
    <tr> <td>1</td> <td>3</td> </tr>
</table>

Задача задать стиль для всех ячеек, которые содержат 0. Ячейки с другими значениями не трогать.

Какие есть способы такое сделать? В css я что-то не нашел подходящих селекторов

3
  • Задать стиль ячейкам, текст которых только "0"? Или же тех, в тексте которых содержится "0"?
    – Cheg
    21 июл 2017 в 23:27
  • Тех, которые состоят только из нуля 21 июл 2017 в 23:40
  • 1
    @Андрей Курулёв, если добавить аттрибут, то можно сделать и без js.
    – And
    21 июл 2017 в 23:51

1 ответ 1

3

Ну в css это не сделать. Можно через js

const cells = document.querySelectorAll('td');

cells.forEach(c => {
    if (c.innerText === '0') {
        c.classList.add('hightlight');
    }
});
.hightlight {
color: red;
}
<table>
    <tr> <td>1</td> <td>0</td> </tr>
    <tr> <td>0</td> <td>0</td> </tr>
    <tr> <td>1</td> <td>3</td> </tr>
</table>

Ваш ответ

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

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