jquery - jQuery でのリファクタリング (DRY 原則に従う)

Question

$dltDiv.click(function(){
                    $seatdiv.css("background-color","#42de18"); 
                    $ticketRowDiv.hide();
                    price = price-15.50; 
                    $('#price h1').html('$'+price);
                });

$seatdiv.click(function(){
                    $seatdiv.css("background-color","#42de18"); 
                    $ticketRowDiv.hide();
                    price = price-15.50; 
                    $('#price h1').html('$'+price);
                });

1 つの関数で同じコードを作成し、個別に呼び出すにはどうすればよいですか? 乾杯。

Answer 1

名前付き関数にして、両方のイベントにバインドできます。

function handleClick(){
  $seatdiv.css("background-color","#42de18"); 
  $ticketRowDiv.hide();
  price = price-15.50; 
  $('#price h1').html('$'+price);
}

$dltDiv.click(handleClick);
$seatdiv.click(handleClick);

または、jQuery オブジェクトを組み合わせることができます。

$dltDiv.add($seatdiv).click(function(){
  $seatdiv.css("background-color","#42de18"); 
  $ticketRowDiv.hide();
  price = price-15.50; 
  $('#price h1').html('$'+price);
});