代碼優化 - 多個事件

Question

我只是想知道是否有寫這個代碼最好的情況：

$('#set_duration_30').click(function(event) { 
    $('#duration').val(30); 
    }); 

    $('#set_duration_60').click(function(event) { 
    $('#duration').val(60); 
    }); 

    $('#set_duration_90').click(function(event) { 
    $('#duration').val(90); 
    }); 

    $('#set_duration_120').click(function(event) { 
    $('#duration').val(120); 
    }); 

Answer 1

給你的元素的CSS類，例如durationsetter。同時給它們一個包含它們的值的屬性，例如data-duration。

即

<input type="button" class="durationsetter" data-duration="30" /> 

那麼你的jQuery將是這樣的：

$('.durationsetter').click(function(e) { 
    $('#duration').val($(this).attr('data-duration')); 
});