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

【问题标题】：TR background-image disappears when changing background-image on TD, using jQuery使用 jQuery 在 TD 上更改背景图像时，TR 背景图像消失
【发布时间】：2012-03-31 17:59:02
【问题描述】：

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

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

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

它适用于 firefox、safari、chrome 和 IE 8 <. ie7 tr>

任何 IE7 黑客？

/莫腾

【问题讨论】：

尝试在图片网址周围添加引号？
IE 奇怪地处理 CSS URL。如果您使用 html 文件中的相对路径而不是样式表中的相对路径，它是否有效？

标签： jquery background-image internet-explorer-7 html-table tablerow

【解决方案1】：

您将类名而不是标签名传递给选择器：

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

还要确保可以从运行此脚本的位置实际访问该图像。您可以检查您的控制台/网络输出是否有任何 404，这表明如果不稍微修改其路径就无法访问该图像。

【讨论】：

【解决方案2】：

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

$(".tr .td")

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

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

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

$("tr td")

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

这是example

【讨论】：