jquery - 테이블 조작

행 값 내의 테이블을 jQuery를 사용하여 여러 열로 어떻게 변경 할 수 있습니까? 끝의 td 태그 인 경우 다른 행에 tr 태그가 추가되어야합니다. 요약하면, 하나의 열에는 여러 행이 있지만 열당 하나의 행이 필요합니다. jquery로 시작하여 문제를 해결할 수있는 단서가 없습니다./jquery - 테이블 조작

미리 감사드립니다. :)

<table class="search"> 
    <tbody> 
     <tr> 
     <td class="field"><div title="Special">Special</div</td> 
     <td class="value"> 
      <input name="f[sp_se_s][0]" value="0" type="hidden"> 
      <table> 
       <tbody> 
       <tr> 
        <td valign="top"> 
         <input id="sp_se_s_sp_se_1" value="sp_se_1" name="f[sp_se_s][sp_se_1]" type="checkbox"> 
         <label for="sp_se_s_sp_se_1">Option 1</label> 
        </td> 

        **//HERE I need a </tr><tr>** 

        <td valign="top"> 
         <input id="sp_se_s_sp_se_2" value="sp_se_2" name="f[sp_se_s][sp_se_2]" type="checkbox"> 
         <label for="sp_se_s_sp_se_2">Option 2</label> 
        </td> 

        **//HERE I need a </tr><tr>** 

        <td valign="top"> 
         <input id="sp_se_s_sp_se_3" value="sp_se_3" name="f[sp_se_s][sp_se_3]" type="checkbox"> 
         <label for="sp_se_s_sp_se_3">Option 3</label> 
        </td> 
       </tr> 
       <tr> 
        <td valign="top"> 
         <input id="sp_se_s_sp_se_4" value="sp_se_4" name="f[sp_se_s][sp_se_4]" type="checkbox"> 
         <label for="sp_se_s_sp_se_4">Option 4</label> 
        </td> 

        **//HERE I need a </tr><tr>** 

        <td valign="top"> 
         <input id="sp_se_s_sp_se_16" value="sp_se_16" name="f[sp_se_s][sp_se_16]" type="checkbox"> 
         <label for="sp_se_s_sp_se_16">Option 5</label> 
        </td> 

        **//HERE I need a </tr><tr>** 

        <td valign="top"> 
         <input id="sp_se_s_sp_se_5" value="sp_se_5" name="f[sp_se_s][sp_se_5]" type="checkbox"> 
         <label for="sp_se_s_sp_se_5">Option 6</label> 
        </td> 
       </tr> 
       </tbody> 
      </table> 
     </td> 
    </tr> 
    </tbody>

출처

2015-01-15 jeff

미안하지만 난 나오지 않았어 귀하의 질문에 –

귀하의 질문에 명확하지 않다, 당신은 좀 더 정교한 수 –

실마리는 코드 조각으로 설명되어 있습니다 –

간단한 해결책은, 내 마음에, <tr> 요소의 내부 내용을 가져올 변수에 그들을 저장하고 테이블에서 <tr> 요소를 제거하고 <td> 요소

이 시점에서 개의 요소가 모두 포함 된 <tbody> 요소가 남게됩니다. 이 시점부터 <td> 요소를 모두 <tr> 요소로 묶어야합니다. 여기

var contents = $("table").find("tr").contents().detach(); 
$("table").find("tr").remove(); 
$("table tbody").html(contents); 
$("table tbody").find("td").wrap("<tr></tr>");

행동의 이상을 보여주는 바이올린입니다 : 내 머리 위로 떨어져

는 jQuery를 구문은 다음과 같이 보일 수

http://jsfiddle.net/Ydsg9/46/

출처

2015-01-15 10:43:57 SimonDowdles

wrap 방법은 .wrap 그 insid <tr> 및 .append()와 당신은

당신은 예를 들어 모든 <td> 요소를 얻을 수 유용 할 수있는 뭔가 것 같아 새로운 테이블 또는 현재의 끝에

출처

2015-01-15 10:23:48

jquery - 테이블 조작

답변

관련 문제