jquery不能正常工作

Question

这里有一些jquery代码：

$('.main-menu-item').click(function() {
                         var thisID = "#" + this.id + "-page";
                         console.log(thisID);
                         var visibleContent = $(".page-content:not('[style=\"display: none;\"]')");
                         var fadeOutDiv = $(".page-content:not(thisID)");
                         console.log("fadeOutDivs:");
                         console.log(fadeOutDiv);
                    });

这是输出：

#gallaries-page
fadeOutDivs:
[<div class=​"page-content" id=​"gallaries-page" style=​"display:​ visible;​">​…​</div>​
, 
<div class=​"page-content" id=​"behind_the_lens-page" style=​"display:​ none;​">​…​</div>​
, 
<div class=​"page-content" id=​"pricing-page" style=​"display:​ none;​">​…​</div>​
, 
<div class=​"page-content" id=​"contact-page">​
    ​</div>​
, 
<div class=​"page-content" id=​"blog-page">​
    ​</div>​
]

你可以看到包含id=gallaries-page的div，即使我告诉jquery不要包含它。任何想法为什么会这样？

Answer 1

你的选择器字符串需要在字符串之外有thisID。变化：

var fadeOutDiv = $(".page-content:not(thisID)");

到

var fadeOutDiv = $(".page-content:not("+thisID+")");