点击后添加新图像

Question

我在点击z传递按钮时尝试添加新图像 我的这部分代码不能正常工作

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/

我确信有更好的方法可以遍历，但我现在时间很短