javascript - jQuery 表格图像

标签 javascript jquery html html-table

编写一个 jQuery 函数来测试 <td> 的类并采取相应行动。该功能通过单击img来工作。里面<td>并使用 td 的类信息进行测试。

$(document).ready(function () {
$('td img').click(function () {
    if ((this).parent().hasClass('x')) {
        alert("Seat " + ((this).parent().attr("id")) + " is taken");
    } else if ((this).parent().hasClass('selected')){
        $(this).attr('src', 'images/a.gif');
        $(this).parent().removeClass('selected');
        alert($(this).parent().attr("class"));
        return false;
        } else {
        $(this).attr('src', 'images/c.gif');
        $(this).parent().addClass('selected');
        alert($(this).parent().attr("class"));
        return false;
        };
    });
});

该错误表明图像的方法不存在,尽管我指定了父级。

最佳答案

缺少 $ 符号。

If($(this).parent()...

这里发生的情况是,click 函数传递 dom/html 对象而不是 jQuery 对象,因此您必须使用 jQuery 函数构建该对象才能使用正确的对象!

关于javascript - jQuery 表格图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15192037/

相关文章:

javascript - 为什么这种随机化方法会产生偏差的结果?

javascript - 如何通过 Javascript 查询 Prolog?

javascript - jQuery Promise/Deferred 代码比回调更好?如何实现这一目标?

javascript - 获取新值输入 .innerHTML

jquery - 我如何在 jquery 中表示 document.getElementById ('page1:form2:amount' )?

html - 使文本元素彼此保持一致的CSS规则?

javascript - 来自多个按钮的多个 Sidenav?

javascript - jQuery 获取前 3 个 li 标签的高度

javascript - 文件没有上传到php

javascript - GetElementsByTagName(标签).length