네 .. 행 세컬럼 나오는게 맞고 열 두개가 전체가 시커멓게 바귀는게 아니라 .. 3행만큼 만 2행이 바뀌는 .. 걸 원하는거라 서요 ㅠ ㅠ
1 <html> 2 <head> 3 <title>test</title> 4 <script type="text/javascript" src="http://www.lameproof.com/common/js/jquery.js"></script> 5 <script language="javascript"> 6 $(window).load(function(){ 7 $("td").click(function(e) { 8 if(e.target.tagName == "TD") { 9 $("table td").css("backgroundColor", "white"); 10 11 var colpos = this.cellIndex+1; 12 var rowpos = $('tr').index($(this).parent())+1; 13 14 $("td:lt(" + colpos + ")", "table tr:lt(" + rowpos + ")").css("backgroundColor", "yellow"); 15 } 16 }); 17 }); 18 19 </script> 20 </head> 21 <body> 22 <table width="400" border="1"> 23 <tr><td>o</td><td>o</td><td>o</td><td>o</td><td>o</td></tr> 24 <tr><td>o</td><td>o</td><td>o</td><td>o</td><td>o</td></tr> 25 <tr><td>o</td><td>o</td><td>o</td><td>o</td><td>o</td></tr> 26 <tr><td>o</td><td>o</td><td>o</td><td>o</td><td>o</td></tr> 27 <tr><td>o</td><td>o</td><td>o</td><td>o</td><td>o</td></tr> 28 </table> 29 </body> 30 </html>
이렇게 하심 원하시는데로 될듯? (jquery는 lameproof 껄 링크;;) 소스 하일라이트 색깔이 근데 그대로 먹는군영~!
우와 진짜 레알 짱이네요 ㅠㅠ 진짜 감사합니다 ........................ 최고최고 .... 몇시간을 고민을 했는지 .. 뇌에 쥐가 나는 ....
음?... 원하시는게 어떤모양인지 모르겠네요.. 지금 대로 하면 2행 3열 찍으면 행 두개 시커멓게 나오고, 첫번째 행 세컬럼 회색으로 나올거 같습니다만..?