Javascript “重复效应”;单击“显示元素”;使用jquery

Javascript “重复效应”;单击“显示元素”;使用jquery,javascript,jquery,html,Javascript,Jquery,Html,我想知道。。我写这段代码是为了在单击网页中的链接时显示一个元素。。它工作得非常好。。问题是。。我需要在其他div和id中多次使用该效果 这是我的密码。。如果我想重复使用它。。我需要一遍又一遍地写代码,只更改ID,还是有其他方法 $(document).ready( function(){ $("#frueh").click(function (e) { e.preventDefault(); $(".carta ,#

我想知道。。我写这段代码是为了在单击网页中的链接时显示一个元素。。它工作得非常好。。问题是。。我需要在其他div和id中多次使用该效果 这是我的密码。。如果我想重复使用它。。我需要一遍又一遍地写代码,只更改ID,还是有其他方法

$(document).ready(
        function(){
        $("#frueh").click(function (e) {
            e.preventDefault();
            $(".carta ,#fruehstueck, #fruehstueck2").toggle("slow");
        });
    });
这是你想要的吗

$(document).ready(function () {
    $(".carta ,#fruehstueck, #fruehstueck2").click(function (e) {
        e.preventDefault();
        $(this).toggle("slow");
    });
});

你可以使用一个数组,当你需要的时候,你可以在其中按下所有需要的选择器

var selectors = [".carta ,#fruehstueck, #fruehstueck2"];

$(function(){
    $("#frueh").click(function (e) {
        e.preventDefault();
        $(selectors.join(',')).toggle("slow");
    });
});
// then later ..
selectors.push('#foo');

您可以创建一个函数并将代码放在其中。然后,您只需在需要执行相同逻辑的位置/时间调用函数。了解有关函数的详细信息:。您可以为将要单击的项指定一个类。然后,单击类的某个项时,它将运行此代码。现在你把它限制为一个id。你说的是可点击的项目,对吗?如果没有,那么创建一个函数就是正确的选择。