javascript - 2つの類似したJavaScript関数をどのように組み合わせることができますか？

Question

次の2つの命令を組み合わせてより効率的なコードにする方法はありますか？

  $('.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);