はjqueryのに値が入力フィールドを生成し適用

Question

私のTDの内側に位置している私は拳の空入力値を変更しようとしているフライ 上のグリッドオブジェクトによって生成されます。

$("#get_isrc").click(function(){ 
    $.ajax({ 
     url: 'xtras/isrc.php', 
     success: function(data){ 
      $("#new_isrc").val(data); 
      $("#get_isrc").val('Apply'); 
      $("#get_isrc").addClass('apply'); 
     }    
    }).error(function(){ 
     alert('Error'); 
    }); 
}); 


$(".apply").live("click", function(){ 
    var s = $("td[col=ISRC] input").val(); 
    if (s === "") { 
     $(this).val(($("#new_isrc").val())); 
    } 
}); 

HTML - 静的：jQueryのによって生成された

<h3>Generate next ISRC</h3> 
    <input id="new_isrc" type="text" /> 
    <input id="get_isrc" type="button" value="Get next ISRC" /> 

HTML：

<tr id="4"><td><input class="editableInput" type="text" /></td><td col="ISRC" class="editableCell"><input class="editableInput " type="text"></td></tr> 
<tr id="1"><td><input class="editableInput" type="text" /></td><td col="ISRC" class="editableCell"><input class="editableInput " type="text"></td></tr> 
<tr id="2"><td><input class="editableInput" type="text" /></td><td col="ISRC" class="editableCell"><input class="editableInput " type="text"></td></tr> 
<tr id="3"><td><input class="editableInput" type="text" /></td><td col="ISRC" class="editableCell"><input class="editableInput " type="text"></td></tr> 

TRの1及び2は、データベースからISRC値を有する、TR 3は空であるが、配置最後

TR 4 - 新しく追加された空白行であり、iが発生ISRCがそれに適用する... iが設けられ コード上記は機能しません。どうして？

Answer 1

あなたがこれを行う、入力の配列に.val()を呼び出している：

：あなたはすべての入力に同じ値を追加したい場合は、これを行う

：

$("td[col=ISRC] input").each(function() { 
    // each iteration function 
    var s = $(this).val(); 
    if (s === "") { 
     $(this).val(($("#new_isrc").val())); 
     return false; // stops each iteration 
    } 
}); 

編集を

$("td[col=ISRC] input").each(function() { var s = $(this).val(); if (s === "") { $(this).val(($("#new_isrc").val())); } }); 

すべての入力に動的な値を追加する場合は、次のように入力します。

$("td[col=ISRC] input").each(function() { 
    var s = $(this).val(); 
    if (s === "") { 
     $(this).val(getNextValue()); 
    } 
}); 
function getNextValue() { 
    // your business implementation here 
}