我想使用 javascript 隐藏具有特定 id 或类的标签。我为每个名为“ch”的跨度标签保留了一个 ID 和 CLASS（为每个跨度添加不同的 ID 和 CLASS 对我来说非常困难）
我有一个复选框，可以切换 .
现在问题出在这里：
- 我单击复选框一次，一切都很好地隐藏了
- 第二次单击它（再次显示），标签中的所有内容都转到屏幕左侧。
- 再次点击它，一切都变得疯狂
我希望代码在单击时显示/隐藏跨度标签，当跨度被隐藏时，我不希望该行保留在那里。我希望删除整条线，当它再次设置为可见时，我希望这些线重新出现。我希望有一个人可以帮助我。下面是代码：
function sh_chords() {
tmp_log += "sh_c|";
var b = document.getElementById("showing_chords").checked;
for (i = 1; i <= lcnt; i++) {
el = document.getElementById("ch");
try {
if (!b) {
el.style.color = "black";
el.style.cursor = "default";
$(".ch").hide();
} else {
el.style.color = "#0000FF";
el.style.cursor = "pointer"
$(".ch").show();
}
} catch (d) {}
}
}