테이블 행의 자손

Question

여러 개의 셀에 양식 입력이 여러 개인 테이블이 있습니다 (아래 HTML 스 니펫 참조). 나는 개별 행을 제거하는 함수를 가지고 있고 각 행 (새로운 행 인덱스를 얻는 데)을 반복하면서 남아있는 모든 것을 다시 색인하려고하고 각 입력 ($('td input', $row).each(...))을 반복하고 name을 업데이트하려고합니다. 및 id 속성 내가 찾는 것은 첫 번째 셀의 입력이 다시 색인화되지만 두 번째 셀의 입력은 입력되지 않는다는 것입니다.

업데이트 된 두 번째 셀을 유지하지 못한다고 생각하는 것이 있습니까?

감사합니다.

HTML 코드 조각 : 호평

<tbody> 
    <tr> 
    <td> 
     <input type="hidden" name="data[Ticket][0][id]" value="" id="Ticket0Id">  
     <input type="hidden" name="data[Ticket][0][date_id]" value="" id="Ticket0DateId">    
     <input name="data[Ticket][0][name]" type="text" maxlength="45" value="" id="Ticket0Name">   
    </td> 
    <td> 
     <input name="data[Ticket][0][cost]" type="text" value="" id="Ticket0Cost">   
    </td> 
    </tr> 
    <tr> 
    <td> 
     <input type="hidden" name="data[Ticket][1][id]" value="" id="Ticket1Id">    
     <input type="hidden" name="data[Ticket][1][date_id]" value="" id="Ticket1DateId">    
     <input name="data[Ticket][1][name]" type="text" maxlength="45" value="" id="Ticket1Name">   
    </td> 
    <td> 
     <input name="data[Ticket][1][cost]" type="text" value="" id="Ticket1Cost">   
    </td> 
    </tr> 
</tbody> 

, 여기에 인덱싱 할 시도 jQuery를 조각입니다 :

// $tbody references the <tbody> element in the snippet above 
$('tr', $tbody).each(function(i, row) { 
    var $row = $(row); 

    $('td input', $row).each(function(j, input) { 
    $(input).attr('id', $(this).attr('id').replace(/\d+/g, i)) 
    $(input).attr('name', $(this).attr('name').replace(/\d+/g, i)); 
    }) 
}); 

Answer 1

Safari의 웹 속성에 너무 의존하여 속성이 존재하는지 여부를 판단한 것처럼 보입니다. ing 재 색인. 요소를 확장 한 경우 해당 요소에 대한 변경 사항이 발생해도 반영되지 않는 것 같습니다. 다음에 jsfiddle (또는 적어도 두 번째)으로 확인해 보겠습니다. 수업은 배웠다.

본인은 제게 있습니다. 미안 해요.

Answer 2

사용이 대신 선택과 같은 :

$tr.find('input').each(function(j, input) { });