|
Сообщение от den1a
|
|
Необходимо в каждой строке подсветить одним цветом минимальную цифру и другим цветом максимальную.
|
Подкину свои 5коп...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.min {
color: red;
}
.max {
color: blue;
}
</style>
<script type='text/javascript'>
window.onload=function(){
var o=document.getElementsByTagName('table')[0];
var html,arr,min,max,reg;
for (var i=0; i<o.rows.length; i++) {
html=o.rows[i].innerHTML;
arr=html.match(/\d+/g);
arr=arr.sort();
min=arr[0];
max=arr[arr.length-1];
reg=new RegExp('<td>('+min+'</td>)','gim');
html=html.replace(reg,'<td class="min">$1');
reg=new RegExp('<td>('+max+'</td>)','gim');
html=html.replace(reg,'<td class="max">$1');
o.rows[i].innerHTML=html;
};
};
</script>
</head>
<body>
<table>
<tr>
<td>11</td>
<td>22</td>
<td>65</td>
<td>14</td>
<td>35</td>
</tr>
<tr>
<td>39</td>
<td>12</td>
<td>84</td>
<td>45</td>
<td>38</td>
</tr>
<tr>
<td>37</td>
<td>39</td>
<td>52</td>
<td>38</td>
<td>24</td>
</tr>
</table>
</body>
</html>