javascript - 将 javascript 应用到表中的表

标签 javascript html selector

我有这个代码:

<script type="text/javascript">
    $('td').click(function () {
        // statements 
    }
    });
</script>

单击表格中的 td 单元格时会更改单元格的背景颜色。问题是,我想将其应用于表 (id=table1) 内的表 (id=table2)。现在发生的情况是将其应用于 table1。

我尝试使用此选择器:$('#table2 td').click... 就像我在此处的一些论坛/答案中看到的那样,但它对我不起作用。

感谢任何帮助! :)

最佳答案

我猜这来自复制粘贴或其他东西,我对此进行了测试并在 Chrome 中看到“Uncaught SyntaxError: Unexpected token }”。您可能在 jQuery 的第一行上方有一个准备好的文档代码块。

所以这可能就是您想要的只是让您的代码示例正常工作。

$( document ).ready(function() {
    $('td').click(function () {
    alert('test clicked')
})});

对于您所需的解决方案,一旦您拥有有效的 JavaScript,您只需使用 $('#table2 td').click 即可。

http://jsfiddle.net/ZBL2y/

注意:Chrome 中的控制台(其他浏览器也可用)对于捕获此类问题非常有帮助,因为它们在此处显示为错误。

关于javascript - 将 javascript 应用到表中的表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21622735/

相关文章:

javascript - 访问expressJs静态HTML中的nodejs函数

javascript - Jquery 鼠标悬停功能未触发

javascript - 发送 3 状态复选框的值

angular - 通过 Angular 组件将函数作为参数传递给(单击)事件

javascript - 如何将 bodymovin 动画与函数集成?

javascript - Strapi:如何上传图像并将其链接到模型?

javascript - 从 JSON 属性加载 HTML img 元素的图像,而 URL 不能直接访问

html - Bootstrap 导航栏无法正常工作

javascript - Jquery: "NaN"与表单属性相关的错误

android - 我可以为 API < 21 更改 android 中可绘制的单选按钮吗?