使用jQuery设置一个等于一堆类的变量，然后隐藏该变量

Question

我有一堆视图：.view-1，.view-2，view-3，等等...当导航中的正确项目被点击时，我使用了类似这样的东西来获得正确的视图：

$(".contact a").click(function() {
    $(".view-1").hide();
    $(".view-2").hide();
    $(".view-3").hide();
    $(".view-4").hide();
    $(".view-5").hide();
    $(".view-6").show();
    return false; 
});

但这很难在一堆导航项目和更多的视图中保持。

我想做这样的事情：

 var $allViews = $(".view-1,.view-2");
    $(".how").click(function() {
        $(allViews).hide();
        $(".view-2").show(); 
        return false; 
    });

在那里我可以分配所有的视图类

Answer 1

这样如何：

var $allViews = $("[class|='view']")

获取类等于“view”或以“view”开头后跟连字符的所有元素

或者：

var $allViews = $("[class^='view-']")

获取类以“view-`”开头的所有元素

$allViews.hide()会隐藏所有这些元素。

示例如下：http://jsfiddle.net/Af9M3/

Answer 2

为什么不创建一个hideViews( views ) { // views.hide()；}函数，或者甚至使用过滤器来隐藏除单击的视图之外的视图？您可以从单击事件中获取单击了哪个视图。