jQueryのは、私はこの質問が既に掲載されて知っているが、提案されたソリューションは、私の場合で働いていない追加のリスト要素

Question

をクリックしてください：

$('.main').append(premier); 

それから私はonclickの機能によって、要素aへのアクセスもしたい：

$('#'+ide+'').on('click',function(){ 
    console.log("do it"); 
});     

しかし、動作しません。デリゲート機能も持っていますが、間違って使用している可能性があります。

Answer 1

を得るカント宣言した場合、あなたの変数を宣言します。

$(document).on("click", "#"+ide, function() { 
    console.log($(this).text()); 
}); 

Fiddle

Answer 2

すでにあなたの変数を使用すると、動的に追加された要素のためonクリックを使用する必要がありますあなたの変数にご自分の価値観

var ide="hello"; 
 
var nom="hello2"; 
 
var art = 'hello3'; 
 
var stars = 'hello3'; 
 
var gen = 'hello3'; 
 
var premier = '<div class="container col-md-8">' + 
 
    '<div class="row">' + 
 
    '<ul class="list">' + 
 
    '<li class="title"><a id="' + ide + '" href="">' + nom + '</a></li>' + 
 
    '<li class="artist">' + art + '</li>' + 
 
    '<li class="stars"><img src=' + stars + '></li>' + 
 
    '<li class="gender">' + gen + '</li>' + 
 
    '</ul>' + 
 
    '</div>' + 
 
    '<hr>' + 
 
    '</div>'; 
 
    
 
$('.main').append(premier); 
 

 
$('#' + ide + '').on('click', function() { 
 
     alert("do it"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 

 
</div>

Answer 3

代表団は、動的な要素

$('.main').on('click', '#' + ide, function(){ 
    console.log("do it"); 
}); 

参考資料に行われる必要があります。イベント：これはあなたを助けるhttp://api.jquery.com/delegate/

希望。