작동하는 양수 및 음수 값을 기준으로 php echo table 및 javascript 강조 표 셀 아래에 있지만 처음 3 열 (week, GA, awtu10)을 제외하고 싶습니다. 어떻게 할 수 있습니까?
echo "<table id='tableID' border='1' cellspacing='0' cellpadding='5' style='text-align:left;'> <tr><th>Week</th><th>GA</th><th>awtu10</th><th>basic gap</th><th>plus gap</th></tr>";
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript">
var min = -10;
var max = 10;
var table = document.getElementById('tableID');
var tbody = table.getElementsByTagName('tbody')[0];
var cells = tbody.getElementsByTagName('td');
for (var i=0, len=cells.length; i<len; i++){
if (parseInt(cells[i].innerHTML,10) > 0){
cells[i].style.backgroundColor = 'greenyellow';
}
else if (parseInt(cells[i].innerHTML,10) < -0){
cells[i].style.backgroundColor = 'lightpink';
}
}
</script>
행 / TR별로 TD 요소를 수집 한 다음 행 / TR 당 세 번째 요소부터 루핑을 시작해야합니다.
var table = document.getElementById('tableID');
var tr = table.getElementsByTagName('tr')
for (i = 0; i < tr.length; i++) {
var cells = tr[i].getElementsByTagName('td');
for (var cell = 3, len = cells.length; cell < len; cell++) {
if (parseInt(cells[cell].innerHTML, 10) > 0) {
cells[cell].style.backgroundColor = 'greenyellow';
} else if (parseInt(cells[cell].innerHTML, 10) < -0) {
cells[cell].style.backgroundColor = 'lightpink';
}
}
}
<table id='tableID' border='1' cellspacing='0' cellpadding='5' style='text-align:left;'>
<tr>
<th>Week</th>
<th>GA</th>
<th>awtu10</th>
<th>basic gap</th>
<th>plus gap</th>
</tr>
<tr>
<td>M1 + Week 1</td>
<td>461</td>
<td>460</td>
<td>146</td>
<td>118</td>
</tr>
<tr>
<td>M1 + Week 1</td>
<td>461</td>
<td>460</td>
<td>-146</td>
<td>118</td>
</tr>
<tr>
<td>M1 + Week 1</td>
<td>461</td>
<td>460</td>
<td>146</td>
<td>-118</td>
</tr>
</table>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다