Jqueryで動的イベントのテキストを取得

Question

<a>の要素<li>のタグからテキストを取得しようとしていますが、機能しません。あなただけのIDを使用する代わりにクラスを使用していけないのはなぜ

​​

Answer 1

？ただ、使用 `VAR文= $（この）.find：
はここに私の提案されたソリューション

var result = [{ 
 
    id: 1, 
 
    facility: 'test1' 
 
}, { 
 
    id: 2, 
 
    facility: 'test2' 
 
}, { 
 
    id: 3, 
 
    facility: 'test3' 
 
}] 
 
for (i = 0; i < result.length; i++) { 
 
    $("#ftrBtn-menu_Facility").append("<li class='dtrBtn' id='ftrBtn-menu_Facility_" + (i) + "'><a href='#'>" + result[i].facility + "</a></li>"); 
 

 
} 
 
$(".dtrBtn").click(function() { 
 
    var text = $(this).text(); 
 
    alert(text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="ftrBtn-menu_Facility"></div>