無法用jQuery編輯動態添加的元素

我不清楚應該如何編輯使用jQuery添加到DOM的元素的文本/值/ innerHTML屬性。我知道一個人會使用on（）函數來爲頁面加載後添加到DOM的元素設置事件處理，但我無法找到與修改屬性等效的東西。無法用jQuery編輯動態添加的元素

這裏是最初的HTML文檔的片段：

<body><div id="divBody></div></body>

在一個單獨的.js文件：

$(document).ready(function() { 
    $("#divBody").append("<button id=\"openClose-Button\">Open</button>"); 
    $("#divBody").on("click", "#openClose-Button", openHandler); 
}

一旦建立起來，一切工作和openHandler獲得如預期發射，除了openHandler也應該改變按鈕的文本並關閉處理程序：

var openHandler = function openIt() { 
    $("#openClose-Button").off("click"); 
    $("#divBody").on("click", "#openClose-Button", closeHandler); 
    $("#openClose-Button").html = "Close"; 
};

即使事件被正確觸發，on()和html都不起作用。我嘗試通過#divBody進行選擇，就像我爲初始設置進行的操作一樣，也嘗試通過#openClose-Button進行選擇。

來源

2013-12-19 this

嘗試$(document).on("click", "#openClose-Button", openHandler);

這是使用HTML的正確方法（）。或文字（）。

$("#openClose-Button").html("Close");

如果這是closeHandler是，它應該被用來作爲一個函數：

closeHandler();

來源

2013-12-19 16:33:56

衛生署。很近。感謝您的幫助。 – this

@ user643342沒問題:) – 2013-12-19 17:03:03

無法用jQuery編輯動態添加的元素

回答

相關問題