jquery如何以更优化的方式重写此代码

优化以下内容的最佳方法是什么，这样我就有了一个更短的代码

$('#font').live('click', function(){
        var z = $(elmid).css('z-index');
        $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
        $('#fontTypeBox').show();
});
$('#fontSize').live('click', function(){
        var z = $(elmid).css('z-index');
        $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
        $('#fontSizeBox').show();
});
$('#fontHeader').live('click', function(){
        var z = $(elmid).css('z-index');
        $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
        $('#fontHeaderBox').show();
});

如果可以将字体ID更改为fontType，请执行以下操作：

$('#font,#fontSize,#fontHeader').live('click', function(){
        var z = $(elmid).css('z-index');
        $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
        $('#' + this.id + 'Box').show();
});

相同的代码，只是它使用同时选择所有三个

如果无法更改该ID，请执行以下操作：

$('#font,#fontSize,#fontHeader').live('click', function(){
        var theID = this.id === "font" ? "fontType" : this.id;
        var z = $(elmid).css('z-index');
        $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
        $('#' + theID + 'Box').show();
});

如果可以将字体ID更改为fontType，请执行以下操作：

$('#font,#fontSize,#fontHeader').live('click', function(){
        var z = $(elmid).css('z-index');
        $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
        $('#' + this.id + 'Box').show();
});

相同的代码，只是它使用同时选择所有三个

如果无法更改该ID，请执行以下操作：

$('#font,#fontSize,#fontHeader').live('click', function(){
        var theID = this.id === "font" ? "fontType" : this.id;
        var z = $(elmid).css('z-index');
        $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
        $('#' + theID + 'Box').show();
});

---

要么将这部分代码抽象为单独的函数

var foo = function() {
var z = $(elmid).css('z-index');
$('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
$('#fontHeaderBox').show();
};

或按如下方式创建这些对象的jQuery数组：-

$('#font, #fontSize, #fontHeader').live('click', function(){
    var z = $(elmid).css('z-index');
    $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
    $('#fontHeaderBox').show();
});

---

希望语法是正确的。

或者将这部分代码抽象为一个单独的函数

var foo = function() {
var z = $(elmid).css('z-index');
$('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
$('#fontHeaderBox').show();
};

或按如下方式创建这些对象的jQuery数组：-

$('#font, #fontSize, #fontHeader').live('click', function(){
    var z = $(elmid).css('z-index');
    $('#editorWrapperOuter').css('z-index',(parseInt(z)+1));
    $('#fontHeaderBox').show();
});

---

希望语法是正确的。

每个部分的最后一行也包含不同的id。您没有找到。@alex:是的，我找到了。你能把字体id改成fontType吗？如果是这样，那就简单了。@alex:我更新了，假设你可以更改该ID。如果不是，我们仍然可以这样做，但一致性会使事情变得更简单。显示ID与选择器ID不同。所以这是不对的。它指的是单击的id，而不是我们要显示的框的id。@alex:不是。再看看。它将框连接到ID上。每个部分的最后一行也包含一个不同的ID。您没有找到。@alex:是的，我找到了。你能把字体id改成fontType吗？如果是这样，那就简单了。@alex:我更新了，假设你可以更改该ID。如果不是，我们仍然可以这样做，但一致性会使事情变得更简单。显示ID与选择器ID不同。所以这是不对的。它指的是单击的id，而不是我们要显示的框的id。@alex:不是。再看看。它将方框连接到ID上。您可以忽略每个部分的最后一行具有不同的ID。您可以忽略每个部分的最后一行具有不同的ID