以下のコードの抜粋でわかるように、ループを実行してすべての li アイテムの ID を取得しています。問題は、ajax コールバックの後に li 要素が追加されることです。明らかに、新しく追加された要素は最初のループに含まれていないため、クリック、フォーカス イベントは機能しません。ループ内のアイテムを「リフレッシュ」する最良の方法は何ですか? ループを関数で囲み、ajax コールバックで呼び出してみましたが、機能しません。
前もって感謝します :)
<ul id="post-list">
<li id="post-1"></li>
<li id="post-2"></li>
<li id="post-3"></li>
<li id="post-4"></li>
<li id="post-5"></li>
</ul>
var $postlist = $("#post-list > li");
$postlist.each(function(idx, li) {
var list = $(li);
var $postID = list.attr('id').replace('post-','');
console.log($postID);
});