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