如何在插入新元素後操作DOM？

我現在正在Woocommerce/WordPress網站上工作，在結賬頁面上，當我提交表單時，它通過ajax提交，如果有錯誤（必填字段未填寫等），頁面會插入一些html和列出需要填寫什麼字段。如何在插入新元素後操作DOM？

我有一些JQuery將這個新插入的HTML放在頁面上的新頁面上，但它不起作用。插在

Woocommerce代碼提交（如果錯誤）：

<ul class="woocommerce-error"> 
    <li><strong>First Name</strong> is a required field.</li> 
</ul>

我的代碼：

var wc_errors = jQuery('ul.woocommerce-error'); 
jQuery('.errors_placeholder').append(wc_errors);

這可能是有用也指出，我國JavaScrript文件之前加載woocommerce JavaScript文件。

謝謝你們

嘗試以下操作：

$(document).ready(function() { 
    var wc_errors = $('ul.woocommerce-error'); 
    $('.errors_placeholder').appendTo(wc_errors);  
});

您需要在$（document）.ready函數來告訴jQuery的DOM就緒。

看看我example

2013-05-18 14:22:08 Dave

我確實有隊友，我的代碼只是我的自定義JavaScript文件的一個片段。我不認爲你瞭解我的問題。你看，當頁面被加載時，DOM已經加載，並且一旦表單被提交，頁面加載NEW DOM元素，所以我的代碼已經是RAN，並不影響新插入的代碼。 –

回答