无法访问使用jQuery添加的类名

Question

我已经使用jQuery将带有类名的img标记添加到div元素中：

$("#uploadedimage").html("<img src='test.jpg' id='imgtest' class='imgtest'>");

之后，我无法通过jQuery imgtest访问它（class）：

$(".imgtest").click(function()
{
      alert("hi!");
});

或其id：

$("#imgtest").click(function()
{
      alert("hi!");
});

Answer 1

因为您是动态添加的，所以它不在DOM中。见delegation。您将需要像这样捕获它：

 $("body").on("click", ".imgtest", function(){
  alert("hi!");
 });

您可以将body替换为DOM中存在的其他元素

Answer 2

$("body").on("click","#imgtest" ,function(){
      alert("hi!");
});

OR

$("body").on("click",".imgtest" ,function(){
      alert("hi!");
});