Question

我想知道..我写了这段小代码来显示一个元素，当点击网页中的链接..它工作得很好..问题是..我需要多次使用效果与其他divs和ids 这是我的代码..如果我想重用它..我是否需要反复编写代码并仅更改ID或是否有其他方法？

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

Answer 1

您可以使用一个数组，在需要

时可以在其中推送所有需要的选择器

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

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

Answer 2

这就是你想要的吗？

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

重复效果＆＃34;在点击上显示元素＆＃34;用jquery

2 个答案: