如何为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
相关产品推荐
相关产品推荐

