반복 가능한리스트를 합산하기 위해 .on을 사용하는 Jquery

Question

이것은 jquery의 특정 질문이라고 생각하지만 중력 양식 플러그인과 함께 wordpress를 사용하고 있습니다. 행을 추가하려면 .add_list_item 클래스를, 행을 삭제하려면 .delete_list_item 클래스가있는 3 가지 열과 반복 가능한 행이있는 목록 유형이 있습니다. 필드 코드 :

<li id='field_21_42' class='gfield conest' > 
    <label class='gfield_label' for='input_21_42'>Three Column List</label> 
    <div class='ginput_container ginput_list'> 
    <table class='gfield_list'> 
     <colgroup><col id='gfield_list_42_col1' class='gfield_list_col_odd'></col><col id='gfield_list_42_col2' class='gfield_list_col_even'></col><col id='gfield_list_42_col3' class='gfield_list_col_odd'></col></colgroup> 
     <thead><tr><th>Option</th><th>Value</th><th>Notes</th><th>&nbsp;</th></tr></thead> 
     <tbody> 
      <tr class='gfield_list_row_odd'> 
      <td class='gfield_list_cell gfield_list_42_cell1'> 
      <select name='input_42[]' tabindex='25' > 
       <option value='' >Select Option</option> 
       <option value='Option 1' >Option 1</option> 
       <option value='Option 2' >Option 2</option> 
       <option value='Option 3' >Option 3</option> 
       <option value='Option 4' >Option 4</option> 
      </select> 
      </td> 
      <td class='gfield_list_cell gfield_list_42_cell2'> 
      <input type='text' name='input_42[]' value='' tabindex='26'/> 
      </td> 
      <td class='gfield_list_cell gfield_list_42_cell3'> 
      <input type='text' name='input_42[]' value='' tabindex='27'/> 
      </td> 
      <td class='gfield_list_icons'> 
      <img src='/wp-content/plugins/gravityforms/images/add.png' class='add_list_item ' title='Add a row' alt='Add a row' onclick='gformAddListItem(this, 0)' style='cursor:pointer; margin:0 3px;' /> 
      <img src='/wp-content/plugins/gravityforms/images/remove.png' title='Remove this row' alt='Remove this row' class='delete_list_item' style='cursor:pointer; visibility:hidden;' onclick='gformDeleteListItem(this, 0)' /> 
      </td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
</li> 

다른 입력란에 id = input_21_41을 채우기 위해 일부 자바 스크립트를 사용했습니다. 내가 사용한 자바 스크립트 코드는 다음과 같습니다.

위대한 작품이지만 단지 2 열의 첫 번째 행을 # input_21_41로 복사합니다. 내가 추가 값 추가/제거 할 CSTE 연구진은 사용할 필요가 들었다 :

$('#input_21_42').on('click', '.add_list_item', function(){ 
    // do stuff here 
}); 

내가 제대로이를 작성하는 방법을 알아내는 데 문제를, 그래서 나는 다음 추가 및 제거하고, 설명 할 수 sum .onchange. 누구든지 나를 도울 수 있습니까?

Answer 1

id 이름에 오타가 있다고 생각합니다. 즉 id은 input_21_42 대신 field_21_42으로 이름이 지정됩니다.

$('#field_21_42').on('click', '.add_list_item', function(){ ..