Question

我有一个无序的链接列表，它们都对应于我的JS文件中的不同事件。现在我正在使用

$('#gst').click(function(){
    preset(gst);
});
$('#gsd').click(function(){
    preset(gsd);
});
$('#ts').click(function(){
    preset(ts);
});
$('#none').click(function(){
    preset(none);
});

这是我的预设功能：

function preset(setter){
if(setter === gst){
    currentPreset = gTitle;
    $('#count').html(currentPreset);
}else if(setter === gsd){
currentPreset = gDesc;
}else if(setter === ts){
currentPreset = tLimit;
}else{
currentPreset = none;
$('#count').html(currentPreset);
}
}

它看起来很可怕。我知道有一种'干'方法可以做到这一点。但我还没有找到一个。有谁知道最好的方法吗？太棒了！

由于

Answer 1

$("#gst, #gsd, #ts, #none").click(function(){
    preset(this.id);
});

Answer 2

function handleClick() {
    preset(window[$(this).attr('id')]);
}

$('#gst, #gsd, #ts, #none').click(handleClick);

Answer 3

使预设以字符串作为参数，然后按照

的顺序执行某些操作

$('.classGivenToAll').click(function() {
    preset($(this).attr("id"));
});

我以这种方式获取id，以防你想要切换出任何其他属性。

'DRY'jQuery点击功能

3 个答案: