javascript - 当它们都使用相同的类时，Jquery如何显示/隐藏一系列div

Question

我正在动态标记一系列使用相同类的 div。它们都带有显示/隐藏链接，但没有任何功能。

我需要为每个 div 添加显示/隐藏功能。当要隐藏的元素具有所有相同的类时，从同一个社区阅读答案我找不到这样做的方法。

我所有的方法都一次显示或隐藏 div。

Answer 1

当您单击 div 时，这将显示或隐藏同一类的 div。

$(this).click(function(){
 var div1Class = $(this).attr('class');
 $(div1Class).toggle(); 
});

Answer 2

这取决于实际的标记，但这可能有效：

$(this).closest(".myClass").hide();

Answer 3

我有一系列 div，我想在鼠标悬停时隐藏并在鼠标悬停时显示。所以我把它们放在一个名为 container 的 div 中，并使用以下内容来实现它。希望它可以帮助你。

function showHide(div){
    div.onmouseover = function(){
        div.style.display = "none";
    };
    div.onmouseout = function(){
        div.style.display = "";
    };
}


var divList = document.getElementById('container').children;
for(var i = 0 ; i < divList.length; i++){
    var div = divList[i];
    showHide(div);
}