Question

私はalert fieldsにしようとしています。ここに私のhtml

<table width="100%" id="example1" class="table table-bordered table-striped"> 
    <tr> 
     <td> Nip </td> 
     <td> Nama Lengkap </td> 
    </tr> 
    <tr id='ke0'> 

     <td> <input class="form-control nipnya" type="text" name="nip[]" /> </td> 

     <td> <input class="form-control namanya" type="text" name="namalengkap[]" /> </td> 
    </tr> 
    <tr id='ke1'> 

    </tr> 
</table> 
<div> 
    <a id="add_row" class="btn btn-success pull-left">Tambah Baris Baru</a> &nbsp;&nbsp;&nbsp; 
    <a id="delete_row" class="pull-left btn btn-danger">Hapus Baris</a> 
</div> 

であり、あなたが私のスクリプトから見ることができるように私はこのjQueryのに

$(document).ready(function() { 
    $("#rmnya").change(function() { 
     $('#td11').html($("#rmnya").val()); 
    }); 
    var i = 1; 
    $("#add_row").click(function() { 
     $('#ke' + i).html('<td><input class="form-control nipnya" type="text" name="nip[]" /> </td>' + 
      '<td> <input class="form-control namanya" type="text" name="namalengkap[]" />' + 
      '</td>'); 
     $('#example1').append('<tr id="ke' + (i + 1) + '"></tr>'); 
     i++; 
    }); 
    $("#delete_row").click(function() { 
     if (i > 1) { 
      $("#ke" + (i - 1)).html(''); 
      i--; 
     } 
    }); 
}); 

を持っています。ローは<tr></tr>です。それが1行だけならば、私はそれを警告することができます。しかし、Tambah Baris Baruをクリックすると、別の行が表示されます。私はそれを警告することはできません。ここでは、どのように動的に現れていることをあらゆる分野でafter onchangeに警告するために私に言うことができる、私の他のjavascriptので

$(".nipnya").change(function(){ 
      $('.nipnya').each(function(i, obj) { 
       alert($('.nipnya').val()); 
      }); 
    }); 

です。

は、ここに私のバイオリンhttps://jsfiddle.net/spc5884w/私の悪い英語のため申し訳ありません

です。

Answer 1

現在、使用しているのはコードがイベントバインディング呼び出しを行うときにページに存在する要素にのみアタッチする「直接」バインディングと呼ばれます。

要素を動的に生成する場合、.on()委任イベントアプローチを使用してEvent Delegationを使用する必要があります。

一般的な構文

$(staticParentElement).on('event','selector',callback_function) 

例

$('table').on('click', ".nipnya", function(){ 
    alert($(this).val()); 
}); 

DEMO