javascript - 如何组合两个类似的 javascript 函数？

Question

有没有办法将以下两条指令组合成更高效的代码？

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

Answer 1

通过组合选择器：

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

Answer 2

合并选择器：

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

Answer 3

您可以将定义的函数附加到每个元素：

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

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