如何設計一個DIV，如果IMG裏面有破碎的圖像？

還是一個使用Javascript的新手。我知道我的功能代碼有問題。我不能很好地重組它。如何設計一個DIV，如果IMG裏面有破碎的圖像？

HTML：

<div class="column"> 
    <img src="http://placehold.it/200x200&text=IMG1" onerror="imgError(this);" /> 
</div> 
<div class="column"> 
    <img src="httzp://placehold.it/200x200&text=IMG2" onerror="imgError(this);" /> 
</div>

JS：

function imgError(image) { 
    image.onerror = ""; 
    parent('div.column').image.css('border','5px solid red'); 
    return true; 
}

JSFiddle Link

在此先感謝。

來源

2014-09-24 Philcyb

http://jsfiddle.net/philcyb/c0wfe7wv/1/ 哎呀。抱歉。不完整的。這裏是更新的一個。忘了保存。 – Philcyb 2014-09-24 05:08:31

不能理解PLZ解釋你想要什麼實際上？ – 2014-09-24 05:10:44

好的。在第二個DIV中，我只是在http中插入「Z」，這樣圖像源就會出錯。一旦在那個特定DIV內的圖像中出現錯誤，我想對DIV進行設計。再次感謝。 – Philcyb 2014-09-24 05:11:21

試試這個：

function imgError(image) { 
    $(image).parent('div.column').css('border','5px solid red'); 
}

DEMO

來源

2014-09-24 05:12:06

它的工作原理！正是我需要的。謝謝！ – Philcyb 2014-09-24 05:17:37

@Philcyb嘿，如果這個答案對你來說是完整的，請將其標記爲答案。 – 2014-09-24 05:29:30

@Kartikeya - 當然。還有一個附加問題。因爲我需要在IE8中完成這項工作，.remove（）不起作用。是否有Javascript替代而不是.remove（）？我的意思是，不使用$。只是純粹的JavaScript。 – Philcyb 2014-09-24 07:28:57

如何設計一個DIV，如果IMG裏面有破碎的圖像？

回答

相關問題