質問: function() { [].forEach.call(document.querySelectorAll('.btn-more'), function(elm) { elm.eventElm(); }); }; document.querySelector('.btn-more').eventElm(); }); ``` ``` コンテンツ1 コンテンツ2 コンテンツ3 コンテンツ4 コンテンツ5 もっとみる ``` ``` コンテンツ6 コンテンツ7 コンテンツ8 コンテンツ9 コンテンツ10 もっとみる コンテンツ11 コンテンツ12 コンテンツ13 コンテンツ14 コンテンツ15 ここまで ``` ### 補足情報 プロジェクトの関係上、ajax部分のみライブラリ(jQueryやfetch API)を使っていますが、基本はネイティブなJavaScriptの記述です。 もしいい方法などありましたらお教えいただけると幸いです。 よろしくお願いします。
回答: clickEvent中でajaxで取得したhtmlをjqueryオブジェクトに変換し、そのオブジェクトから`find('.btn-more')`すると、いま取得したボタンのみ選択することができます。 ``` var clickEvent = function(e) { var target = e.target; e.preventDefault(); $.ajax({ url: target.getAttribute('href'), type: 'get' }) .done(function(html) { var jqueryObj = $(html); jqueryObj.find('.btn-more').each(function(i, elm) { elm.eventElm(); }); $('.ui-container').append(jqueryObj); }) .fail(function(error) { console.log(error); }); }; ```