在多个元素上使用自定义jQuery函数

因此，我试图通过下面的脚本遵循枯燥的规则。基本上，我想要一个简单的方法在多个元素上使用函数。目前，以下内容仅适用于最后一个指定的项目，而不是全部三个项目。我试着把它放到一个插件中，但运气不好。对于jQuery来说还是有点陌生，非常感谢您的帮助

下面是正在进行的基本工作：

我修改了一些dom（例如，将类添加到正在显示的div中）。 以下是脚本：

jQuery(function($) {

hideShowMetaBoxes = function( page ){
    $('.templateoption').hide();//added for hidingd all template option divs

    var tempID = '#page_template'
        template = 'templates/' + page + '.php',
        metabox = '#' + page + '_options';

    if ($(tempID).val() == template) {
        $(metabox).show();
        $(metabox+'-hide').prop('checked', true);
    } else {
        $(metabox).hide();
        $(metabox+'-hide').prop('checked', false);
    }
     };
});
$('#page_template').change(function(){
 hideShowMetaBoxes($("#page_template option:selected").text().toLowerCase().replace(/ /g,"_"));
});

---

如果你能创作小提琴那就太好了……我希望我能。当使用具有特殊选项的页面模板时，它适用于Wordpress。这将根据所选的页面模板显示/隐藏指定的选项。我相信您可以。你只需要在fiddle中添加dom和脚本。构建了一个基本模型并在上面发布了fiddle。如果在dom中修改几个ID，你还好吗？谢谢你的帮助。请看我的变化。

jQuery(function($) {

hideShowMetaBoxes = function( page ){
    $('.templateoption').hide();//added for hidingd all template option divs

    var tempID = '#page_template'
        template = 'templates/' + page + '.php',
        metabox = '#' + page + '_options';

    if ($(tempID).val() == template) {
        $(metabox).show();
        $(metabox+'-hide').prop('checked', true);
    } else {
        $(metabox).hide();
        $(metabox+'-hide').prop('checked', false);
    }
     };
});
$('#page_template').change(function(){
 hideShowMetaBoxes($("#page_template option:selected").text().toLowerCase().replace(/ /g,"_"));
});