IE8如果其中的子IMG已破坏图像,如何删除父DIV?

时间:2014-09-24 08:38:22

标签: javascript jquery html css internet-explorer-8

以下代码在FF,Chrome和IE9 +中运行良好。但是,我想在IE8甚至IE7中实现它。当前的JQuery版本是jQuery v2.1.1。

特定于IE8 / IE7的目标输出: - 能够.remove()或显示:无父DIV与类"列"每当图像不可用时。 IMG1有错误的src(zhttp:// ...)故意触发错误。

HTML:

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

JS:

function imgError(image) {
    $(image).parent('div.column').css('display','none');
}

也是JS: JS:

function imgError(image) {
    $(image).parent('div.column').remove();
}

示例:(虽然我无法在IE8浏览器中测试) http://jsfiddle.net/philcyb/c0wfe7wv/21/

这可能使用与我之前发布的上一个问题相似的代码,故意为了一致性和简单性,但这个问题专门针对IE8。 再次感谢。

0 个答案:

没有答案