使div中的內容不可編輯（可點擊）

Question

我不知道這是否可行。

我有一個動態創建內容的動態表單。每次單擊按鈕時，都會添加一個新的div元素。而我想要做的是讓前面的div不可編輯，也就是說，輸入字段不能被使用，按鈕不能被點擊。

它可行嗎？

謝謝。

Answer 1

嘗試是這樣的：

// Disable all input-like elements in the divs except for the last div 
$(".divclass:not(:last-child) :input").attr("disabled", true); 

哪裏divclass是類，你提到的div的。

例子：http://jsfiddle.net/grc4/LrxkU/2/

Answer 2

如果你可以訪問你以前的div元素，你可以添加屬性disabled =「disabled」給他們。

您可以觸發將禁用屬性添加到同一按鈕單擊功能中所需元素的代碼。

Answer 3

那麼，您可以訪問DIV中的特定元素並使用Javascript禁用它們，或者您可以訪問DIV，然後遍歷所有內部元素（可能優選），並使用Javascript自動禁用它們。

當然，這取決於你的代碼是如何編寫的，你能提供一些生成DIV的代碼嗎？

Answer 4

莫比這樣的事情？ http://jsfiddle.net/ng4Ct/2/