我正在尝试使用 Javascript 来切换类，该类在 Django 生成的模板上运行。我有以下代码：
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.cat').forEach(category => {
category_id = category.getAttribute('id').slice(1,);
var toggle_class_name = `child-of-${category_id}`;
category.addEventListener('click', () => toggle_class(toggle_class_name));
});
});
function toggle_class(toggle_class_name) {
console.log(toggle_class_name);
document.querySelectorAll(toggle_class_name).forEach(item => {
console.log('loop triggered');
var current_display = item.style.display;
if (current_display === 'none') {
current_display = 'block';
console.log(`expanding`);
}
else {
current_display = 'none';
console.log(`collapsing`);
}
item.style.display = current_display;
});
};
<div>
<table class='table'>
<tr>
<th class='ref-col'>Reference</th>
<th class='des-col'>Description</th>
<th class='mth-head'>Jun-20</th>
<th class='mth-head'>Jul-20</th>
<th class='mth-head'>Aug-20</th>
</tr>
<tr id='c2' class='child-of-None cat'>
<td class='ref-col'>C0002</td>
<td class='des-col'>Financial Statements</td>
<td class='amt-col'></td>
<td class='amt-col'></td>
<td class='amt-col'></td>
</tr>
当toggle_class_name正确登录到控制台时，toggle_class函数就会被触发。但是，其他任何事情都不会登录到控制台上。当我单击“类别”时，DOM 中属于“toggle_class_name”类的标签不会切换。这些标签还有除“toogle_class_name”之外的其他类。
为什么课程没有切换？
qq_笑_17
相关分类