Javascript 无法禁用动态div中的元素

创建动态div并尝试使节点不可编辑：

var ni = document.getElementById('myDiv'); 

var numi = document.myForm.inputboxlength; 

var num = parseInt(numi.value) +1; 
//alert(num); 
numi.value = num; 

var newdiv = document.createElement('div'); 

var divIdName = 'my'+num+'Div'; 

newdiv.setAttribute('id',divIdName); 
newdiv.className='divclass';


newdiv.innerHTML = "<input type=\"textarea\" style=\"width:350px; height:44px;\" name=\"txtArea"+num +"\" /> <br> <input type=\"button\" onclick=\"removeInputBox(\'"+divIdName+"\')\" value='Remove'/> <input type=\"button\" onclick=\"done(\'"+divIdName+"\')\" value='Done'/> " +divIdName;

ni.appendChild(newdiv);

但内容仍然是可编辑的。尝试了几乎所有内容

更新：

小提琴：

这里可能有一个答案：

我更改了您的选择器：

$+divNum.children'input[type=textarea]'

而不是

$(".divclass:not(:last-child) :input")

---

你能创建fiddle吗？@EnginÜstün更新了fiddle链接。我很困惑-你想阻止编辑什么？当然！您必须先选择相应的div。divNum变量具有div id值。因此，$+divNum选择父div。现在我们想在所选div中找到一个textarea。$input[type='textarea']选择textarea类型的输入。签出以了解有关属性选择器的更多信息。好的，假设我必须更改与按钮相关的内容，我可以使用$input[value='Remove']吗？这不是一个好主意，您可能有许多具有该值的按钮。为什么不为按钮使用css类或数据属性？看看

$(".divclass:not(:last-child) :input")