javascript - 如果单击数组中的元素，如何触发单击事件？

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

您不需要数组来执行此操作。

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