使用jQuery在TD上更改背景图像时TR背景图像消失

Question

我的TR上有一张带背景图像的表格。在我的一个TD中，我想通过jQuery更改背景图像动态。

为了更改我的TD背景图像，我使用以下代码：

var dynImage = "imageOfMinMormor.png";
$(".tr .td").css("backgroundImage", "url("+dynImage+")");

它适用于firefox，safari，chrome和IE 8＆lt;。但在IE7中，背景图像在TR上消失了。

任何IE7黑客攻击？

/的Morten

Answer 1

您将类名而不是标记名传递到选择器中：

$("tr td").css("backgroundImage", "url("+dynImage+")");

还要确保从运行此脚本的位置实际访问该图像。您可以检查您的控制台/网络输出是否有任何404，建议在不修改其路径的情况下无法访问该图像。

Answer 2

我相信你的jquery选择器对你的情况无效。你使用的那个：

$(".tr .td")

它选择所有将其class属性设置为“td”的元素，并且它们的父元素必须将其属性设置为“tr”，如下所示：

<div class="tr">
    <div class="td">
        Text
    </div>
</div>

你想要做的是使用这样的选择器：

$("tr td")

选择表格行中的所有td元素。

这是example