javascript - Javascript 对象之间的比较

Question

我使用 jQuery 为我的网站制作了一个简单的 Accordion ...效果很好，但我最近开始进行更改，如果您单击当前打开的分段标题(可单击区域向上/向下滑动) , 它应该关闭当前部分。

var sideMenu = {
        activated: {},
        setup: function() {
        $('.menu-category-heading').bind('click', function() { 
                                                      sideMenu.slideMenu($('ul', $(this).parent()));
                                                      });

        }, 

        slideMenu: function(menuObj) {

            if (sideMenu.activated == menuObj) {

                $(sideMenu.activated).slideUp(400);
                sideMenu.activated = null;
                console.log('same');

            } else {

                $(sideMenu.activated).slideUp(400);
                menuObj.slideDown(500);
                sideMenu.activated = menuObj;
                console.log('new');
            }
        }


    }

出于某种原因，比较永远不会起作用...如果我添加 $(menuObj).attr('id') 并且相同的激活。但这并不理想，因为并非所有项目都具有 id 属性。

关于使对象比较工作有什么建议吗？或者有什么其他技巧吗？

谢谢!

Answer 1

您可能正在保存一个 jQuery 对象($ 调用的结果)而不是 native 元素。每次执行 $(myEl) 时都会创建一个新对象，并且引用不会匹配，但 native 元素会匹配。尝试:

if (slideMenu.activated[0] == menuObj[0]) {
    ...
}