javascript - 如何为具有相同类的元素切换 attr(contenteditable value)

Question

我创建了一个按钮，该按钮创建具有相同类的元素，同时它们具有自己的用于切换 contenteditable 属性的按钮，但由于某种原因，第一个元素上的按钮会切换所有元素的内容可编辑属性。我应该如何解决这个问题？

$(".addroomtest").click(function(){

            $(".roomslist ul").append("<li ><div id='ed' class='editroombutton'>edit</div><div class='editablecont' contenteditable='false' '> Room 301</div></li>"); 
		
	

});



$( ".editroombutton" ).click(function() {
	
    var value = $('.editablecont').attr('contenteditable');

$('.editablecont').attr('contenteditable') === 'true' ? 
$('.editablecont').attr('contenteditable', 'false') : 
$('.editablecont').attr('contenteditable', 'true');
	
});

Answer 1

您似乎没有可编辑内容的结束标签。尝试在附加元素时</div>在结尾之前添加 a</li>并查看闭包是否修复了它。