셀의 음수 값의 배경색을 변경하는 방법은 무엇입니까?

Question

다른 셀에 숫자가있는 표가 있습니다.
셀에 value < 0이 있는지 확인하고 싶습니다. 행의 배경색을 빨간색으로 바꿀 수 있습니다! 버튼 클릭으로 함수를 호출하고 전체 문서의 테이블을 검사 할 수 있습니다. 이것은 내가 사용하고있는 것입니다 :

function checkNegative(){ 
    function(e) { 
     var $target = $(e.target); 
     var checkNeg = function(c) { 
      for(var i=0,$ci; i<c.length; i++) { 
       $ci = $(c[i]); 
       if(parseInt($ci.text()) < 0) $ci.css("color", "red"); 
       else $ci.css("color", "black"); 
      } 
     }; 
     checkNeg($target.parents("table").find("[td]")); 
    } 
} 

나는 인터넷을 통해이를 찾았지만, 내 경우 작동하지! 도와주세요! 내 표는 다음과 같습니다

<table border="1" bordercolor="#bababb"> 
    <thead> 
     <tr> 
      <th>NUMBER1</th> 
      <th>NUMBER2</th> 
      <th>NUMBER3</th> 
      <th>NUMBER4</th> 
     </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>1202</td> 
     <td>2587</td> 
     <td>-2541</td> 
     <td>3652</td> 
    </tr> 
    <tr> 
     <td>1202</td> 
     <td>2587</td> 
     <td>2541</td> 
     <td>-3652</td> 
    </tr> 
    <tr> 
     <td>1202</td> 
     <td>-2587</td> 
     <td>2541</td> 
     <td>3652</td> 
    </tr> 
    <tr> 
     <td>-1202</td> 
     <td>2587</td> 
     <td>2541</td> 
     <td>3652</td> 
    </tr> 
    <tr> 
     <td>-1202</td> 
     <td>2587</td> 
     <td>-2541</td> 
     <td>3652</td> 
    </tr> 
    <tr> 
     <td>1202</td> 
     <td>-2587</td> 
     <td>-2541</td> 
     <td>3652</td> 
    </tr> 
    </tbody> 
</table> 

Answer 1

나는이 문제에 대한 해결책을 가지고 있다고 생각한다. 6 행 4 열에 양수 및 음수 값이있는 테이블을 가정합니다.

나는 또한 양수 또는 음수 값에 따라 배경을 채색하는 javascript 메서드를 사용합니다. 바이올린 here

스크립트가 찾아주세요 :

var formatBackground=function(){ 
    var table, tbody, rowCount, cellCount, value; 
    table=document.getElementsByTagName('table')[0]; 
    if(table.childNodes[1]) tbody=table.childNodes[1]; 
    if(tbody) rowCount=tbody.childNodes.length; 

    for(i=0;i<rowCount;i++){ 
     cellCount=tbody.childNodes[i].childNodes.length; 

     for(j=1;j<cellCount;j++){ 
      value=tbody.childNodes[i].childNodes[j].outerText; 
      if(parseInt(value)<0) tbody.childNodes[i].childNodes[j].setAttribute('style','background-color: #f00'); 
      j+=1; 
     } 
     i+=1; 
    } 
};