jQuery 중복 요소를 여러 개 만드는 방법은 무엇입니까?

Question

나는이 JQuery와

$('#qty input').on('input', function() { 
       var price = $(this).prev('#price input').val(); 
       var qty = $(this).val(); 
       $('#amount').html(parseFloat(price * qty).toFixed(2)); 
       $('#linetotal input').val(parseFloat(price * qty).toFixed(2)); 
      }); 

의 라인과 HTML을

<tr> 
    <td><select name='itemone[]'> 
     <?php echo $items; ?> 
    </select></td> 
    <td><input name='itemtwo[]' type="text" class="irow"></td> 
    <td id="price"><input name='itemthree[]' type="number" step="any" class="irow" value="0.00"></td> 
    <td id="qty"><input name='itemfour[]' type="number" step="any" class="irow" value="1"></td> 
    <td id="linetotal" class="text-right"><p id="amount">0.00</p> 
     <input name='itemfive[]' type="hidden" class="irow" value="0" > 
    </td> 
</tr> 

는 지난 TD에 표시됩니다 세 번째 TD와 네 번째 TD과 결과의 값을 계산하는 데 무엇을 . 성공했습니다. 그러나 정확한 테이블을 새로운 테이블 데이터로 복사 할 버튼을 클릭하면 동일한 "ID"가 사용됩니다. 지금, 그 행의 계산이 작동하지 않습니다.

두 개 이상의 동일한 ID가 있어도 같은 ID를 사용하여 계산할 수있는 방법입니까?

나는 sibling(), next(), prev()을 시도했지만 사용하지 못했습니다.

나를 도울 수있는 방법.

TIA, 니미츠

편집 :

이

여기에 성공적인 이미지와 : https://docs.google.com/file/d/0B6f93ZQiD1h_V0dvbThocVdlekU/edit?usp=drivesdk

두 개 이상의 TR (실패) 경우 : https://docs.google.com/file/d/0B6f93ZQiD1h_MmxzYUVLT3JzQWs/edit?usp=drivesdk

Answer 1

요소를 타겟팅하기 위해 ID를 사용하는 클래스로 변경하고 싶을 것입니다.

Here은 작동 버전입니다. html은 다소 복잡해 보이지만 추가 된 클래스 속성을 사용하여 반복되는 복사본입니다.

각 행은 총계를 독립적으로 계산합니다.

HTML :

<table> 
<tr> 
    <td> 
     <select name='itemone[]'> 
      <?php echo $items; ?> 
     </select> 
    </td> 
    <td> 
     <input name='itemtwo[]' type="text" class="irow" /> 
    </td> 
    <td id="price" class="price">price 
     <input name='itemthree[]' type="number" step="any" class="irow" value="0.00" /> 
    </td> 
    <td id="qty" class="qty"> 
     <input name='itemfour[]' type="number" step="any" class="irow" value="1" /> 
    </td> 
    <td id="linetotal" class="linetotal text-right"> 
     <p id="amount" class="amount">0.00</p> 
     <input name='itemfive[]' type="hidden" class="irow" value="0" /> 
    </td> 
</tr> 
<tr> 
    <td> 
     <select name='itemone[]'> 
      <?php echo $items; ?> 
     </select> 
    </td> 
    <td> 
     <input name='itemtwo[]' type="text" class="irow" /> 
    </td> 
    <td id="price" class="price">price 
     <input name='itemthree[]' type="number" step="any" class="irow" value="0.00" /> 
    </td> 
    <td id="qty" class="qty"> 
     <input name='itemfour[]' type="number" step="any" class="irow" value="1" /> 
    </td> 
    <td id="linetotal" class="linetotal text-right"> 
     <p id="amount" class="amount">0.00</p> 
     <input name='itemfive[]' type="hidden" class="irow" value="0" /> 
    </td> 
</tr> 

JS :

$(".qty :input").change(function() { 
    var price = $(this).closest('tr').find('.price :input').val(); 
    var qty = $(this).val(); 
    $(this).closest('tr').find('.amount').html(parseFloat(price * qty).toFixed(2)); 
    $(this).closest('tr').find('.linetotal input').val(parseFloat(price * qty).toFixed(2)); 
}); 

Answer 2

나는 100 % 당신이 무엇인지 하려고하는 것. 하지만 이러한 도움이 될 것입니다 생각 :

http://api.jquery.com/first/ http://api.jquery.com/last/

JQuery와 선택은 당신에게 당신이 원하는 것을 줄 수 있도록 첫 번째 또는 마지막 것들의 목록을 반환해야합니다.