如何從附加元素中提取值？

Question

現在，我在網站上有一個常見問題解答區域，我想為每個問題/答案添加一個“編輯”字段。

我添加了一個使用.text（）的模式疊加層； 函數可以使用之前的內容填充“問題”和“答案”字段，而不必再次查詢服務器。 （因此，模式疊加層是我們要編輯問題的區域。）這對於頁面上的所有項目均正確。

我還有第二個函數，它使用.append（）功能與Ajax一起將新問題/答案插入數據庫，然后將其動態添加到頁面中。 這也可以正常工作。

我的問題是，在我剛剛追加到頁面的最新項目上（因為append（）僅更改DOM而不是實際源），我不能使用.text（）； 函數，用於從源元素中提取填充有信息的模態，因為從技術上講它不存在。 因此，我的編輯字段在問題和答案所在的地方為空白，而不是包含用戶的先前條目。

有沒有一種方法可以使用.text（）查找附加元素，或者有一種方法可以使用類似功能填充問題和答案字段而無需查詢數據庫？

（此處的javascript / jquery的全部目的是使用頁面上已加載的元素（即舊的問題和答案）來填充新的“編輯”字段，而不必再次在數據庫中查詢問題和編輯答案。）

Answer 1

您可以將綁定委派給文檔，該文檔將監聽選擇器的事件，即使該選擇器不存在也是如此，因此您的.text示例可能像這樣

$(document).ready(function(){
    $(document).on('click','.notYetExisting',function(){
       alert('trigerred a click!'+$(this).text());
    });
    setTimeout(function(){
        $('body').append('<span class="notYetExisting">baarfooo</span>');
    },1000);
});

因此，您會看到在沒有元素的類“ notYetExisting”的情況下進行了綁定，但是綁定將在其出現並單擊時發出警報（在本示例中，稍后會附加）

所以跟你的ajax一樣