Получение и проверка значения атрибута JS -> выполнение операции

206
17 января 2019, 00:40

Необходимо найти значение data-deadline, которое равно 48 и если истина, то всю строку tr окрасить в красный(допустим).

<table><thead><tbody><tr class="resultTr2" style="background-color: #333" data-deadline="48" data-deadline-max="48" data-availability="500">						 
				 
		<td> <p>Что-то</p>                                              					</td> 
								 
	</tr></tbody></thead></table>

Answer 1

var rows = document.querySelectorAll("tr"); 
for (var i = 0; i < rows.length; i++) { 
  if (rows[i].dataset.deadline == "48") 
    rows[i].style.backgroundColor = "red"; 
}
<table> 
  <thead> 
    <tbody> 
      <tr class="resultTr2" style="background-color: #333" data-deadline="48" data-deadline-max="48" data-availability="500"> 
 
        <td><p>Что-то</p></td> 
 
      </tr> 
      <tr class="resultTr2" style="background-color: #333" data-deadline="47" data-deadline-max="48" data-availability="500"> 
 
        <td><p>Что-то еще</p></td> 
 
      </tr> 
    </tbody> 
  </thead> 
</table>

Answer 2

Что значит и если истина?)

.resultTr2 { 
  background-color: #333; 
} 
 
tr[data-deadline="48"] { 
  background: red !important; 
}
<table><thead><tbody> 
  <tr class="resultTr2" data-deadline="48" data-deadline-max="48" data-availability="500">						 
				 
		<td> <p>Что-то</p>                                              					</td> 
								 
	</tr> 
  <tr class="resultTr2" data-deadline="49" data-deadline-max="48" data-availability="500">						 
				 
		<td> <p>Что-то 2</p>                                              					</td> 
								 
	</tr> 
    <tr class="resultTr2" data-deadline="47" data-deadline-max="48" data-availability="500">						 
				 
		<td> <p>Что-то 3</p>                                              					</td> 
								 
	</tr> 
</tbody></thead></table>

READ ALSO
Websocket, object Blob, utf8

Websocket, object Blob, utf8

Есть websocket сервер, который отправляет сообщение в кодировке utf8, на javascript принимаю сообщение и вывожу в алерт, выводиться objetc BlobКак преобразовать...

193
Как локальный json с помощью(XHR) записать в store redux?

Как локальный json с помощью(XHR) записать в store redux?

Не пойму как это правильно реализоватьМне нужно локальный файл json с помощью асинхронного запроса (XHR), например fetch распарсить и поместить...

194
Магия JavaScript(jQuery) для нуба. Объясните?

Магия JavaScript(jQuery) для нуба. Объясните?

При клике на див (внутри инпут), идёт добавление классаafter, где он анимирует абс

243