從后台獲取的數據渲染到頁面中的dom操作

很多情況下頁面dom都是從后台拼接字符串添加生成的新的dom元素，在編輯器中不能看到，只能通過檢查看到頁面的dom結構，但是這時候會發生一個問題，就是如果使用jQuery無法進行dom操作，事件和方法都沒有反應，我以前是使用

$ (document).on('DOMNodeInserted',function () {
     {
要操作的后台獲取的數據的字符串拼接的新的dom元素
     }
})
使用這個方法有一個弊端，就是如果該dom元素是數組形式拼接的dom，如果li元素，如果這些li元素都有點擊事件這樣如果使用這個方法，沒個li都會發生相應的點擊事件
2018年08.12就出現了這個問題，那個是tr表格元素，需要點擊每個tr但是我使用數組循環做出的，然后點擊時候，發行所有的tr都觸發了點擊事件，后來使用

$('body').on("click","table.first tbody tr", function () {
     要操作的代碼
});
這樣才有事件代理將所有的tr由上層元素body來代理，這樣上面出現的問題也就解決了，非常完美，以后也盡量使用這個方法來觸發新渲染出來的dom元素的點擊和方法。