Показать сообщение отдельно
  #4 (permalink)  
Старый 02.07.2019, 20:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

nubie,
поиск без jquery
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style  type="text/css">
* { padding: 0; margin: 0; }
html, body {margin: 0; padding: 0;}
#content {float:left; }
table td { border: 1px solid silver; width: 45px; height: 45px;}
.select{background-color : red; color : hsl(0, 0%, 100%);}
</style>
</head>

<body>

<div id="content">
<table id="myTable">
<tr>
<td>10-11</td>
<td>10-12</td>
<td>10-13</td>
<td>10-14</td>
<td>10-15</td>
</tr>
<tr>
<td>11-11</td>
<td>11-12</td>
<td>11-13</td>
<td>11-14</td>
<td>11-15</td>
</tr>
<tr>
<td>12-11</td>
<td>12-12</td>
<td>12-13</td>
<td>12-14</td>
<td>12-15</td>
</tr>
<tr>
<td>13-11</td>
<td>13-12</td>
<td>13-13</td>
<td>13-14</td>
<td>13-15</td>
</tr>
<tr>
<td>14-11</td>
<td>14-12</td>
<td>14-13</td>
<td>14-14</td>
<td>14-15</td>
</tr>
</table>
</div>
<script>
   addEventListener("DOMContentLoaded", () => {
   const num = [ '10-12', '10-14', '11-13', '12-14', '12-15', '14-11'];
   for(const {textContent, classList} of document.querySelectorAll("#myTable td"))
    num.includes(textContent) && classList.add("select")
   })
</script>
</body>
</html>
Ответить с цитированием