Question

当我点击添加图像div时，我应该用另一个带有背景白色的交叉图像替换当前图像

你能告诉我如何实现它......：http://jsfiddle.net/6MmMe/11/

交叉图片https://docs.google.com/file/d/0B3IBJKENGE7ReWpack5aWmdLSmc/edit

$("div").hover(
  function () {
    $(this).append($("<div>add image</div>"));
  }, 
  function () {
    $(this).find("div:last").remove();
  }
);

Answer 1

最直接的方式是更改src的孩子<img>的{{1}}属性：

<div>

请参阅http://jsfiddle.net/6MmMe/15/

更新：如果您想更改图像，请点击“添加图片”div，您可以使用以下代码

$("div").hover(
    ....
).click(function() {
    $(this).children("img").attr("src", "newUrl");
});

请参阅http://jsfiddle.net/6MmMe/20/

Answer 2

$(".container").on("click", function(){
    $(this).find('img').attr('src', 'https://lh3.googleusercontent.com/m7_Lya1KfrYkW1_i1ZyiTrDu6xazZzfvEvG2I6vS7L66QMYQhbhfDxw5SGLu6o-7d5q0y8HY-zVyudf2');                         
});

jquery on click替换为另一个图像

2 个答案: