jquery - 最も簡単な方法でaddClassとremoveClassを行う方法

Question

他の特定の要素がクリックイベントを受け取った後、それを使用addClassして非表示の要素を切り替える最短の方法は何ですか。removeClass

<script type="text/javascript">
    $(document).ready(function() {
        $("#pps_Link").on('click', function(evt) {
            evt.preventDefault();
            var pssd = $(".psSelectDD");
            if (!pssd.hasClass("db")) {
                pssd.removeClass("dn").addClass("db");
            } else if (!pssd.hasClass("dn")) {
                pssd.removeClass("db").addClass("dn")
            }
            evt.stopPropagation();
        });
    });
</script>

Answer 1

を行う代わりに、addClass()単にremoveClass()toggleClass ()を使用しないでください:

そのようです：

$(".psSelectDD").toggleClass('dn db');

Answer 2

うわー、2行でまったく同じことができます：

$("#pps_Link").click(function() {
    $(".psSelectDD").toggleClass('dn db');
    return false;
});

トグルクラス

Answer 3

ToggleClass は、このシナリオであなたを助けるために何らかの方法で行く必要があります: http://api.jquery.com/toggleClass/

$(".psSelectDD").toggleClass('dn db');

Answer 4

この方法でtoggleClassを試してください：

$("#pps_Link").on('click', function(evt) {
   evt.preventDefault();
   var pssd = $(".psSelectDD");
   pssd.toggleClass("db dn");
   evt.stopPropagation();
});