Javascript 按类隐藏/显示div内容

我有这段代码，它可以根据id隐藏/显示div内容。我需要更改它，以根据div类标识内容。我该怎么做

HTML:

---

让它与大多数选择器一起工作怎么样

function hideshow(which){

    var elems = document.querySelectorAll(which);

    [].slice.call(elems).forEach(function(el) {
        if ( el.style.display === 'none' ) {
            el.style.display = 'block';
        } else {
            el.style.display = 'none';
        }
    });
}

hideshow('.elements');

或者使用jQuery

$('.elements').toggle()

试试这个：

<a href="javascript:void(0);" onclick="hideshow('adiv')" >Click here</a>

jQuery解决方案：

HTML

<a class="toggleVisibility">Click here</a>

CSS

.hide {display:none;}

---

或者您可以使用

.show

和

display:block

将其翻转，如果您想从隐藏的项目开始操作。

您可以使用jQuery吗？这在jQuery中非常简单，但在vanilla js中却很痛苦。你不能用谷歌搜索如何按类获取元素？是的，我可以使用jQuery@BFDatabaseAdmin@nicael我可以用谷歌搜索是的，我用了两个小时。我没有足够的javascript知识。我想不出如何解决这个问题，这就是为什么我在这里问：）@620009030-非常简单的jQuery解决方案发布在下面。我真的需要按类检查它。或者可以只通过id的第一部分进行检查？使用句点（

）按类选择，使用哈希（

#

）按id选择，这确实会按类获取元素，或者任何其他选择器获取该物质。此错误为：“未捕获的语法错误：未能对“文档”执行“querySelectorAll”：“[object HtmlLevel]“不是有效的选择器。”现在您正在向函数传递元素，而不是选择器。不应该是这样的：谢谢@数据库管理员。我可以解决我的问题

function hideshow(which){
    var els = document.getElementsByClassName(which),
        el_node = els[0];
    if (el_node.style.display === "block"){
        el_node.style.display = "none";
    } else {
        el_node.style.display = "block";
    }
}

<a class="toggleVisibility">Click here</a>

$(document).on("click", ".toggleVisibility", function() {
    $('.which').toggleClass('hide');
});

.hide {display:none;}