サブ文字列を使用して作成された変数を持つ要素の選択

Question

配列があり、最後の記号「0」を削除したい。そのため、部分文字列を使用してこれを削除しています。この変数をjQueryセレクタとして使用しようとしています。しかし、私は部分文字列を使ったときに要素を選択しません。

私のコードは次のとおりです。

 
var key = 'director_front_passport0'; 
 
    
 
var document_name = key.substring(0,key.length - 1); 
 
console.log(document_name); //returns director_front_passport 
 

 
$('#' + document_name).append('<label class="error file_error">test</label>'); 
 
//I want to select element with id=director_front_passport 
 

 
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" name="director_front_passport" id="director_front_passport" />

私はsubstringを使用していた場合、私は明確なidを持つ要素を選択する必要がありますどのように？

Answer 1

divに追加するとコードが機能します。

var response = { 
 
    errors: { 
 
    'director_front_passport0': "error1", 
 
    'director_back_passport0': "error2", 
 
    'director_address_document0': "error3" 
 
    } 
 
} 
 

 
$.each(response.errors, function(key, value) { 
 

 
    var files_array = ['director_front_passport0', 
 
        'director_back_passport0', 
 
        'director_address_document0']; 
 
    if ($.inArray(key, files_array) !== -1) { 
 

 
    var document_name = key.substring(0, key.length - 1); 
 
    console.log(document_name); //returns for example director_front_passport 
 

 
    $('#' + document_name).after('<label class="error file_error">test</label>'); 
 
    //I want to select element with id=director_front_passport 
 

 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<input type="file" id="director_front_passport" /><hr/> 
 
<input type="file" id="director_back_passport" /><hr/> 
 
<input type="file" id="director_address_document" />