这种情况是为什么？？？？

Question

$(document).ready(function(){
	let count=0;
	let btnn=0;
    $('.btn').click(function(){
		let div1="<div class="+count+"><div>";
		let div2="<button id="+btnn+">删除</button>";
		$('#result').append(div1,div2);
        let activeEditor = tinymce.activeEditor;
		let editBody = activeEditor.getBody();
		activeEditor.selection.select(editBody);
		let text = activeEditor.selection.getContent( {'format' : 'text' } );
		$('.'+count+'').text(text);
		count++;
		btnn++;
	})
	
	$('#'+btnn+'').click(function(){
		$('.'+count+'').remove();
	})
	
})

怎么创建的元素用按钮删不掉了？

Answer 1

因为你的元素是动态创建的，初始的点击事件无法绑定到后来创建的元素上。你需要在每次创建后绑定点击事件，代码修改了下，供参考：

$(document).ready(function(){
	let count=0;
	let btnn=0;
    $('.btn').click(function(){
		let div1="<div class="+count+"><div>";
		let div2="<button id="+btnn+">删除</button>";
		$('#result').append(div1,div2);

        //绑定的事件挪到创建的后面
	    $('#'+btnn+'').click(function(){
		    $('.'+count+'').remove();
	    })

        let activeEditor = tinymce.activeEditor;
		let editBody = activeEditor.getBody();
		activeEditor.selection.select(editBody);
		let text = activeEditor.selection.getContent( {'format' : 'text' } );
		$('.'+count+'').text(text);
		count++;
		btnn++;
	})
})