如何将两个相似的javascript函数结合在一起？

Question

Is there a way to combine the following two instructions into more efficient code?

  $('.sandwiches').mouseleave(function () {
    $('.sandwiches').hide();
});
$('.food').mouseleave(function () {
    $('.sandwiches').hide();
});

Answer 1

通过组合选择器：

$('.sandwiches,.food').mouseleave...

Answer 2

Merge the selectors :

$('.sandwiches, .food').mouseleave(function () {
    $('.sandwiches').hide();
});

Answer 3

You could attach a defined function to each element:

function hideElement(e) {
    $(this).hide();
}

$('.sandwiches,.food').mouseleave(hideElement);