javascript - 触发点击处理程序后隐藏元素

Question

假设我有以下代码来在一组元素后添加可点击的图像。每次单击图像时都会触发单击处理程序，这不是我想要的。我想在点击处理程序中使用 .hide() 隐藏图像是一种方法，但我不知道如何在点击处理程序中引用 img 元素。

帮忙？谢谢

  $(...)
  .after($('<img src="..."/>')
  .css("cursor","pointer")
  .attr("title","Click here for ...")
  .click(function(){ ... }

Answer 1

$("#foo").click(function () {
    $(this).hide(); /* This refers to the item(s) being clicked */
})