如果點擊數組中的元素，我該如何觸發點擊事件？

Question

我有一個DOM元素的數組。如果第四個被點擊，我想隱藏搜索框。如果任何其他人被點擊，我想顯示它。我將如何做到這一點？我目前有：

var app = { 
    config: { 
     tabs: [$("#tab1"), $("#tab2"), $("#tab3"), $("#tab4")], 
     search: $("#search") 
    }, 
    showHideSearch: function() { 
     // Here I need to test if the fourth tab was clicked on then hide(); 
     // else if tabs one through three were clicked show 
    } 
} 
app.showHideSearch(); 

任何幫助表示讚賞。謝謝。

Answer 1

$.each(app.config.tabs, function(i, v) { 
    v.bind('click', function(){ 
    $('#searchbox').show(); 
    if(i==3) 
     $('#searchbox').hide(); 
    }); 
}); 

Answer 2

你不需要一個數組來做到這一點。

$("#tab4").click(function() { 
    app.config.search.hide(); 
    // $("#search").hide(); 
}); 
$("#tab1, #tab2, #tab3").click(function() { 
    app.config.search.show(); 
    // $("#search").show(); 
});