javascript - すべてが同じクラスを使用しているときに一連のdivを表示/非表示にするJquery方法

Question

すべて同じクラスを使用する一連の div を動的にマークアップしています。それらはすべて表示/非表示リンクが付いていますが、機能はまったくありません.

各 div に表示/非表示機能を追加する必要があります。この同じコミュニティからの回答を読んでも、非表示にする要素がすべて同じクラスである場合、これを行う方法が見つかりません。

私のアプローチはすべて、divを一度に表示または非表示にします。

Answer 1

これにより、divをクリックしたときに、同じクラスのdivが表示または非表示になります。

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

Answer 2

マウスオーバーで非表示にし、マウスアウトで表示したい一連の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);
}

Answer 3

実際のマークアップに依存しますが、これはうまくいくかもしれません:

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