jQuery artış kimliği dinamik ekleme elemanları değerleri

Question

var counter = 0; 
 

 
$(document).ready(function() { 
 
    $("#container").append('<div class="row ' + counter + '"><div class="form-horizontal ' + counter + '"><div class="form-group col-md-12 col-xs-12"><div class="col-md-4 col-xs-6"><input id="txtfname' + counter + '" class="form-control" type="text" placeholder="First Name"></div><div class="col-md-4 col-xs-6"><input id="txtlname' + counter + '" class="form-control" type="text" placeholder="Last Name"></div><div class="col-md-4 col-xs-6"><input id="textaddress' + counter + '" class="form-control" type="text" placeholder="Address"></div></div></div></div>'); 
 
    counter++; 
 
    return false; 
 

 
}) 
 

 
$(document).on('click', '#add', function() 
 
{ 
 
    if(counter > 0){ 
 
     var inputName = $('#txtfname' + counter).val(); 
 

 
     debugger; 
 
     // var ele = $(jQuery.trim('#txtfname'+counter.toString())).val(); 
 
     // var name = inputName.valueOf() 
 

 
     if (jQuery.trim(inputName).length > 0) 
 
     { 
 
      $(ele).prop('disabled', true); 
 
      
 
      alert("First name filled"); 
 
     } 
 
     else 
 
     { 
 
      alert("Nothing Filled"); 
 
     } 
 
} 
 
    
 
    $("#container").append('<div class="row ' + counter + '"><div class="form-horizontal ' + counter + '"><div class="form-group col-md-12 col-xs-12"><div class="col-md-4 col-xs-6"><input id="txtfname' + counter + '" class="form-control" type="text" placeholder="First Name"></div><div class="col-md-4 col-xs-6"><input id="txtlname' + counter + '" class="form-control" type="text" placeholder="Last Name"></div><div class="col-md-4 col-xs-6"><input id="textaddress' + counter + '" class="form-control" type="text" placeholder="Address"></div></div></div></div>'); 
 
    counter++; 
 
    return false; 
 

 
}); 
 

 
$("#remove").click(function() { 
 
    if (counter == 1) { 
 
     alert("No more author to remove"); 
 
     return false; 
 
    } 
 

 
    counter--; 
 

 
    // $(".row" + counter).remove(); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" 
 
     ></script> 
 
<div id="container"> 
 
</div> 
 

 
<div>  
 
    <input type="button" id="add" value="Add input Row"/> 
 
    <input type="button" id="remove" value="Remove input Row"/> 
 
    
 
</div>

algılayamadığında

I girdi değeri elde etmek istediği

var inputName = $('#txtfname' + counter).val(); // inputName= '#txtfname1' 

bir örnek için val() fonksiyonu kullanılarak div değeri alamayan txtfname alanında ancak bu alamadım lütfen yardım edin

This is my code in html view

var counter = 1; 

$(document).on('click', '#add', function() 
{ 
    if(counter > 0){ 
     var inputName = $('#txtfname' + counter).val(); 

     if (jQuery.trim(inputName).length > 0) { 
      $(inputName).prop('disabled', true); 
      alert("First name filled"); 
     } else { 
      alert("something else"); 
    } 
} 

// debugger; 
$("#container").append('<div class="row ' + counter + '"><div class="form-horizontal ' + counter + '"><div class="form-group col-md-12 col-xs-12"><div class="col-md-4 col-xs-6"><input id="txtfname' + counter + '" class="form-control" type="text" placeholder="First Name"></div><div class="col-md-4 col-xs-6"><input id="txtlname' + counter + '" class="form-control" type="text" placeholder="Last Name"></div><div class="col-md-4 col-xs-6"><input id="textaddress' + counter + '" class="form-control" type="text" placeholder="Address"></div></div></div></div>'); 
    counter++; 
    return false; 

}); 

Answer 1

Eğer HTML doğru oluşturulur eğer incelemek için tarayıcılarınızı Dom Explorer (developper Araçları) kullanmayı deneyin ve girişinizi gerçekten niyetinde id kümesi vardır mü?

Answer 2

Aslında kullanın val() sahip bir div içeriğini alamayan text() yerine