example_jquery를 강조하는 테이블 행 제어의 jquery 구현

[css]

코드 복사 코드는 다음과 같습니다.

.height{
background:#666666; /*배경색은 회색입니다*/
}
tr{
커서: 포인터;
< /스타일>



[html]

코드 복사 코드는 다음과 같습니다.

<본문>

   < th align="left">居住地
  
        < ;td>북경
  
   
        < ;td>상해
  
   
        < ;td>深圳
  
   
        < ;td>북경
  
   
        < ;td>상해
  

	姓name	性别
	张三	男
	이사	男
	王五	女
	赵六	여자
	孙七	男

  
   < ;tr>
       
  
   
       
  
           
  
   
        < td>上海
  

	姓name	性别	居住地
	张三	男	北京
	이사	男	上海
	王五	女	深圳
< /td>	赵六			孙七	男

jquery
[javascript]

复代码 代码如下:

plaincopyprint?$(document).ready(function(){
//첫 번째 작성 방법: $("tr:gt(0)") 제목의 첫 번째 줄이 작동하지 않습니다.
$("tr:gt(0)").click(function(){
                            $(this).addClass("height").siblings().removeClass("height").end(). find( ":radio").attr("checked",true);
                                                                                          $("tr:not(:first)").click(function(){
                       $(this).addClass(" height").siblings().removeClass("height").end().find (":radio").attr("checked",true);
      })*/
})

$(document).ready(function(){
//첫 번째 작성 방법: $("tr:gt(0)") 첫 번째 줄 제목이 작동하지 않습니다 $("tr : gt(0)").click(function(){

$(this).addClass("height").siblings().removeClass("height").end().find(":radio" ) .attr("checked",true);
})

//두 번째 작성 방법: $("tr:not(:first)")
/*$("tr : not(:first)").click(function(){
$(this).addClass("height").siblings().removeClass("height").end().find(":radio " ).attr("확인됨",true);
})*/
})