找到图像并添加样式,不起作用

时间:2012-01-13 21:41:36

标签: jquery jquery-ui

我有一个需要删除的图片,但我无法访问触摸html代码,唯一的方法是使用JQuery。所以我试图找到图像,并将图像显示为无,但它无法正常工作......

$('td.Headerbg').find('img').css('display', 'none');

该类包含td,它是嵌套表的一部分,如此..

 <tr>
            <td>
                <table cellspacing="0" cellpadding="0" width="100%" border="0">
                    <tr>
                        <td class="Headerbg">
                            <img src="images/header.gif" alt="" />

                        </td>
                    </tr>
                </table>

            </td>
        </tr>

我的代码是否运行错误?

期待您的回复..

3 个答案:

答案 0 :(得分:1)

您的选择器将使用您提供的代码。确保在HTML文档末尾(在结束</body>标记之前)运行jQuery代码或在document.ready事件处理程序中运行它:

$(function () {
    $('.Headerbg').find('img').css('display', 'none');
});

如果在DOM元素可用之前运行代码,那么$('.Headerbg')将不会选择任何内容,也不会发生任何事情,这就是为什么使用document.ready事件处理程序或放置是很重要的原因您在HTML文档的末尾编码(这是最好的方式,它可以让您的页面加载更快)。

如果您只是在页面加载时运行此代码,那么您也可以使用不会闪烁图像的CSS,它们将始终被隐藏:

.Headerbg img {
    display : none;
}

答案 1 :(得分:0)

对于上面的HTML,这应该有效:

$('td.Headerbg').find('img').hide();

答案 2 :(得分:0)

嗯......当然,这并不是这么简单,但根据你的代码,答案是显而易见的。您选择的是td.Headerbg,但您的td类是bgHeaderBarcart。当然它不起作用。