Question

我想使用javascript隐藏具有特定ID或类的标签。我为每个名为“ch”的量程标签保留了一个ID和CLASS（为每个量程添加不同的ID和CLASS对我来说非常困难）
我有一个复选框，可以切换的可见性。
现在问题是：
- 我点击一次复选框，一切都隐藏得很好 - 第二次单击（再次显示），标签中的所有内容都会显示在屏幕左侧 - 再次点击它，一切都变得狂暴了

我希望代码在单击时显示/隐藏span标签，并且当隐藏跨度时，我不希望该行保留在那里。我希望删除整行，当它再次设置为可见时，我希望这些行重新出现。我希望有一个人可以帮助我。以下是代码：

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) {}
    }
}

Answer 1

由于您使用的是jquery，因此可以使用它的辅助函数，专门用于切换可见性。

$('.ch').toggle( $('#showing_chords').prop('checked') );

显示/隐藏<span>标签</span>

1 个答案: