Упорядочить две функции вызова функций jquery

Question

Я стараюсь научиться jquery и javascript и написал две разные функции change(), которые являются одинаковыми, но я чувствую, что они могут быть более упорядоченными и комбинированными.

Что вы, ребята, думаете, что самый чистый подход здесь?

jQuery(document).ready(function($){ 
          jQuery("#custcolmen_size").change(function() { 
           if($('.stock-message > span:contains("Out of stock")').length){ 
            $(".add2cart-div > input").addClass('disabled').removeClass('cart'); 
            $(".stock-message > span").addClass('alert alert-danger'); 
           } 

           else if($('.stock-message > span:contains("")').length) { 
            $(".add2cart-div > input").removeClass('disabled').addClass('cart'); 
            $(".stock-message > span").removeClass('alert alert-danger'); 
           } 
          }); 


          jQuery("#custcolwomen_width").change(function() { 
           if($('.stock-message > span:contains("Out of stock")').length){ 
            $(".add2cart-div > input").addClass('disabled').removeClass('cart'); 
            $(".stock-message > span").addClass('alert alert-danger'); 
           } 

           else if($('.stock-message > span:contains("")').length) { 
            $(".add2cart-div > input").removeClass('disabled').addClass('cart'); 
            $(".stock-message > span").removeClass('alert alert-danger'); 
           } 
          }); 

         }); 

Answer 1

В логике обоих обработчиков то же самое вы можете соединить два селекторы вместе с запятой, например:

jQuery(document).ready(function($) { 
    jQuery("#custcolmen_size, #custcolwomen_width").change(function() { 
     if ($('.stock-message > span:contains("Out of stock")').length){ 
      $(".add2cart-div > input").addClass('disabled').removeClass('cart'); 
      $(".stock-message > span").addClass('alert alert-danger'); 
     } 
     else if ($('.stock-message > span:contains("")').length) { 
      $(".add2cart-div > input").removeClass('disabled').addClass('cart'); 
      $(".stock-message > span").removeClass('alert alert-danger'); 
     } 
    }); 
});