jquery hover仅适用于某些div

Question

我有jquery轮播，我正在尝试为所有div实现悬停 但它只适用于某些div你可以告诉我为什么它不适用于其他divs ... 当你点击绿色和红色按钮时，你可以看到旋转木马运动......

http://jsfiddle.net/9Dr7T/14/

在下面提供我的js代码

$(".specialHover").hover(
  function () {
        //  $("<div class='cta'>add image</div>").click(function() {
    $("<div class='cta'>add image</div>").click(function() {
        $(this).parent().unbind("hover").children("img").attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg");
        $(this).remove();
    }).appendTo(this);
  }, 
  function () {
    $(this).find("div:last").remove();
  }
);

Answer 1

简单地将代码的最后一行注释如下：

$(".specialHover").hover(
  function () {
        //  $("<div class='cta'>add image</div>").click(function() {
    $("<div class='cta'>add image</div>").click(function() {
        $(this).parent().unbind("hover").children("img").attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg");
        $(this).remove();
    }).appendTo(this);
  }, 
  function () {
    //$(this).find("div:last").remove();
  }
);

<强> // $（本）.find（ “DIV：最后”）除去（）;

。