jquery-ui - 单击后添加新图像

Question

当我单击 z pass 按钮时，我正在尝试添加新图像我的这部分代码不起作用

http://jsfiddle.net/UjJEJ/24/

$(".ctaSpecialOne").click(function(){                    
                         alert("clicked");  

$(this).parent().unbind("mouseenter").children("img").attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg");                


                 });

Answer 1

您需要遍历兄弟姐妹a，因为那是您的图像所在的位置

$(this).parent().unbind("mouseenter").siblings('a').children("img").attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg");       

http://jsfiddle.net/WAvVw/

编辑

您需要遍历以获取绑定悬停到的元素

$(this)
   .closest('.specialHoverOne') // get element you bound hover to
   .unbind("mouseenter") // unbind event
   .end() // start over at this
   .parent()  // get parent
   .siblings('a') //find a sibling
   .children("img") // get children img
   .attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg"); // change src  

http://jsfiddle.net/mwPeb/

我确定有更好的穿越方式，但我现在时间不多了