You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为jQuery函数指定表格ID,仅控制特定表格的复选框显示/隐藏

解决指定表格的复选框控制问题

当然可以搞定这个问题!你只需要调整jQuery选择器的范围,把目标元素限定在指定ID的表格内,就不会影响到其他表格的内容了。

修改后的代码如下:

var $ = jQuery;
$(document).ready(function () {
    // Prénom TCG
    $('#prenomEpiques').change(function () {
        if (this.checked) {
            // 仅对ID为prenomTable的表格内的.prenomEpique元素生效
            $('#prenomTable .prenomEpique').fadeIn('slow');
        } else {
            $('#prenomTable .prenomEpique').fadeOut('slow');
        }
    });
});

原理说明

原来的.prenomEpique选择器会匹配整个页面中所有带有这个类名的元素,所以取消勾选时会隐藏所有表格里的对应内容。加上#prenomTable 前缀后,选择器就只会定位到ID为prenomTable的表格内部的.prenomEpique元素,精准控制目标表格,其他表格的内容就不会被误操作啦。

内容的提问来源于stack exchange,提问作者user3517199

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 03:59:38