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

375

03 февраля 2017, 06:45

<td data-date="2017-02-30" style="text-align: center; height: 132.8px;"></td>

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

Answer 1

(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>