table 리스트 선택시 선택 tr배경 변경, tr.after 추가

table 리스트 선택시 선택 tr배경 변경,  tr.after 추가

 

function 부분

var r ;

function test(id,ran)

{

   // id 는 (this) 값입니다 ran은 임의숫자를 넣어주었습니다

    $(".testColor").css("background","");

    $(".testColor").removeClass("testColor");

 

    var tr.$(id).closest("tr");

    var ch = tr.chilren();

     var trt = true;

       if(r != ran || r == undefined)

       {

           $("tr[name='test']").remove();

          r= ran;

          tr.after("<tr name='test' class='test'> <td> test1</td> <td> test2 </td> </tr>" );

        }

       var lgt =  $("tr[name='test']").length;

      if(r == ran && lgt == 0)

       {

             //추가된게 없으면 추가

              tr.after("<tr name='test' class='test'> <td> test1</td> <td> test2 </td> </tr>" );

       }

       else if(r == ran && lgt == 1 && trt )

       {

           //같은 목록을 클릭시 추가했던 tr을 다시 닫기

           $("tr[name='test']").remove();

       }

}

 

사용시-------

<input type="button" onclick="test(this,"123453")" />