将按钮追加到变量无法访问的元素

Question

我有一些代码，我试图访问一个由变量附加到元素的按钮。如您所见，该按钮未从页面中删除。这是为什么？

JSFIDDLE

var myButton = $('.mybutton');
$('#parentDiv').append('<button class="mybutton">Button</button>');
myButton.remove();

Answer 1

你试图在创建之前获取'.mybutton'元素，因此它不存在。

$('#parentDiv').append('<button class="mybutton">Button</button>');
var mybutton = $('.mybutton');
mybutton.remove();