Question

I don’t know if this is possible or not.

I have a dynamic form with contents that are dynamically created. Every time a button is clicked, a new div element is added. And what I wanted to do is to make the previous div not editable, that is, the input fields could not be used, buttons could not be clicked.

Is it doable?

Thanks.

Answer 1

Try something like this:

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

Where divclass is the class of the divs you mentioned.

Example: http://jsfiddle.net/grc4/LrxkU/2/