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);
                });

如何在一个函数中编写相同的代码并单独调用？干杯。

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);
});