0

[画像の追加]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();
  }
);
4

2 に答える 2

1

最も直接的な方法は、：srcの子の属性を変更することです。<img><div>

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

http://jsfiddle.net/6MmMe/15/を参照してください

更新：「画像の追加」divをクリックして画像を変更したい場合は、次のコードを使用できます

$("div").hover(
  function () {
    $("<div>add image</div>").click(function () {
        $(this).parent().children("img").attr("src", "newUrl");
    }).appendTo(this);
  }, 
  function () {
    $(this).find("div:last").remove();
  }
);

http://jsfiddle.net/6MmMe/20/を参照してください

于 2012-11-08T22:40:32.353 に答える
1 
$(".container").on("click", function(){
    $(this).find('img').attr('src', 'https://lh3.googleusercontent.com/m7_Lya1KfrYkW1_i1ZyiTrDu6xazZzfvEvG2I6vS7L66QMYQhbhfDxw5SGLu6o-7d5q0y8HY-zVyudf2');                         
});
于 2012-11-08T22:50:15.560 に答える