Спрятать элемент с помощью скрипта

Mimzik

Есть этот элемент. Как мне ему сделать display none, если data-date="2017-02-30"

1 ответ

Mimzik

(function() {
  var td = document.querySelectorAll('table td'), // Получаем все td
      date = '2017-02-30'; // Нужная дата
  // Цикл всех td
  for(var i = 0; i < td.length; i++){
    var dateTd = td[i].getAttribute('data-date'); // Получаем содержимое атрибута data-date
    // Проверяем, равно ли значение из атрибута с переменной даты сверху
    if(dateTd == date){
      td[i].style.display = 'none'; // Если да, то скрываем td
    };
  };
}());
<table>
  <tbody>
    <tr><td data-date="2017-02-30" style="text-align: center; height: 132.8px;">Блок 1</td></tr>
    <tr><td data-date="2017-02-31" style="text-align: center; height: 132.8px;">Блок 2</td></tr>
  </tbody>
</table>

licensed under cc by-sa 3.0 with attribution.