我可以在一次点击功能中为2个id元素编码相同的功能吗？

Question

有没有任何方法可以在一个单击函数中对两个不同id元素的click函数进行相同的编码？

例如,我有两个带有id的链接元素,myFormsTabSubmitted和formStatusSubmitted.这两个链接都具有相同的功能.当我单击这两个链接时,会显示相同的div元素("提交"),并隐藏其他div.

因此,不是编写两个单击函数,一个用于myFormsTabSubmitted,另一个用于formStatusSubmitted,我可以为这两个函数设置一个单击函数吗？喜欢

$('#myFormsTabSubmitted #formStatusSubmitted').click(function(){
            $('#allMyForms').hide();
            $('#draftedMyForms').hide();
            $('#submittedMyForms').show();
            $('#myFormsTab').find(".selected").removeClass();
            $('#myFormsTabSubmitted').addClass("selected");
        });

Answer 1

只需在选择器中使用逗号分隔符:

$("#myFormsTabSubmitted, #formStatusSubmitted").click(function() {
  // do stuff
});

Answer 2

当然!对代码的最简单更改是添加逗号:

$('#myFormsTabSubmitted, #formStatusSubmitted').click(...);

您还可以存储对单击处理程序的引用,并将其添加到多个选择中:

var myHandler = function () { ... };
$('#myFormsTabSubmitted').click(myHandler);
$('#formStatusSubmitted').click(myHandler);