jQueryの値がHTMLのidとして渡されます

Question

htmlでjQuery変数をIdとして渡すことは可能です。例えば、

$(document).on('click', '.addvideo', function() { 
    var dynamicID = $(this).attr('id'); 
}); 

ここでは、現在クリックされているid値「dynamicID」を取得しています。この値を次のような別の変数に渡します。

$('#'+dynamicID).change(function(){ 
    alert('hi'); 
    }); 

私は上記のように試しました。しかし、私はエラー "ReferenceError：dynamicIDは定義されていません"を取得しています。この問題を解決するには？ addvideoクリックイベント内の

Answer 1

書き込み変更イベント、そして唯一それが結合する：

$(document).on('click', '.addvideo', function() { 
    var dynamicID = $(this).attr('id'); 
    $('#'+dynamicID).change(function(){ 
     alert('hi'); 
    }); 
}); 

Answer 2

をエラーはどこか、それは利用できませんから、変数dynamicIDにアクセスしようとによって引き起こされます。

JSの変数は、それらを定義する関数、つまりvar something = 'value'を書く部分でのみアクセスできます。

あなたの例では、変数dynamicIDはこの関数内のどこでも利用できますが、その外にはありません。

$(document).on('click', '.addvideo', function() { 
    var dynamicID = $(this).attr('id'); 
}); 
console.log(dynamicID) //ReferenceError: dynamicID is not defined 

あなたはそれが基本的に存在しないので、あなたは、エラーになります関数の外dynamicIDにアクセスしてみてください。

だから、あなたが定義する関数の内部でdynamicIDを使用している機能を移動することができ、それ：

$(document).on('click', '.addvideo', function() { 
    var dynamicID = $(this).attr('id'); 
    $('#'+dynamicID).change(function(){ 
     alert('hi'); 
    }); 
}); 

それとも、関数外で定義することができますどこか他の変数にアクセスするためには、それを中に値を代入しますそれから他の場所からアクセスしてください。

var dynamicID; 
$(document).on('click', '.addvideo', function() { 
    dynamicID = $(this).attr('id'); 
}); 

console.log(dynamicID) //this will log the ID value provided the element has been clicked 

Answer 3

あなたがそのエラーを取得している理由は、あなたがdynamicIDが定義されないことを意味し、別の範囲にあることです。このように同じ範囲にそれを追加してみてください：

$(document).on('click', '.addvideo', function() { 

    var dynamicID = $(this).attr('id'); 

    $('#'+dynamicID).change(function(){ 
     alert('hi'); 
    }); 

}); 

Answer 4

まあ、私はあなたがダイナミックイドをフェッチするつもり方法を知っていますが、テキストボックスからそれを取得しようとしている想像していません。ここで私はそれをやるでしょう。

$(document).ready(function() { 
 
    var dynamicID = '#' + $('#yada').val(); 
 

 
    $(dynamicID).on('input', function(e) { 
 
    alert('hi'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="yada" value="yada">