Javascript點擊功能img標記

我有一個JavaScript，它顯示風格和CSS的圖像。Javascript點擊功能img標記

<script type="text/javascript"> 
$(function() { 
    $("div[style]").click(function() { 
     $("#full-wrap-new").css("background-image", $(this).css("background-image")); 
    }); 
}); 
</script> 

<div id="colors"> 
<div style="background-image:url(/images/style/whatcan.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
<div style="background-image:url(/images/art/art.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
<div style="background-image:url(/images/beauty/beauty.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
<div style="background-image:url(/images/careers/career.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
</div>

我想更改腳本以使用img而不是css如何更改以下這行腳本。

$("#full-wrap-new").css("background-image", $(this).css("background-image"));

這是我迄今爲止，但我不知道如何去改變它的img目錄

<script type="text/javascript"> 
$(function() { 
    $("div.ri").click(function() { 
     $("#full-wrap-new").css("background-image", $(this).css("background-image")); 
    }); 
}); 
</script> 

<div id="colors"> 
<div class="ri"><img src="/images/style/whatcan.jpg"/></div> 
<div class="ri"><img src="/images/art/art.jpg"/></div> 
<div class="ri"><img src="/images/beauty/beauty.jpg"/></div> 
<div class="ri"><img src="/images/careers/career.jpg"/></div> 
</div> 

<div id="full-wrap-new"></div>

來源

2013-06-25 Daisy Oopsy

請使用您的代碼創建一個JSFiddle。 –

你只是想改變你的標記，或者你是否試圖更新你的jQuery代碼來處理新的標記？你會詳細說明你遇到的問題的確切性質嗎？ –

我想你想這樣做：

$(function() { 
    $("div.ri").click(function() { 
     $("#full-wrap-new").html($(this).find("img").clone()); 
    }); 
});

嘗試在this fiddle（更改消息來源，以便您可以看到）

來源

2013-06-25 18:27:19 NicoSantangelo

Javascript點擊功能img標記

回答

相關問題