Javascript/jQuery：有没有更好的方法在Javascript中实现这一点？

我有以下代码：

$(document).ready(function() { //Document Ready

$(".examples .example1").click(function() {

    $(".examples .example1 div").fadeToggle("slow");
    $(".examples .example1").toggleClass('focused');

});


$(".examples .example2").click(function() {

    $(".examples .example2 div").fadeToggle("slow");
    $(".examples .example2").toggleClass('focused');

});


$(".examples .example3").click(function() {

    $(".examples .example3 div").fadeToggle("slow");
    $(".examples .example3").toggleClass('focused');


});

}); // End

这基本上是在3（在下面的示例中只有2个）上复制相同的内容 元素-单击、切换div和切换类

（丑陋且不像网站上显示的那样-缺少其他css/less和图像）

这是完美的，但是我内心的（非常小的）JS人说必须有一种更干净的方法来做同样的事情？看起来太重复和丑陋了

---

谁能帮我把这段代码做得更好？（因此，如果我学习的话，我将是一个更好的编码者）

在所有元素上使用公共类。您可以使用

此

引用单击的元素

$(".examples>span").click(function() {   
    $(this).toggleClass('focused').find("div").fadeToggle("slow");    
});

---

在所有元素上使用公共类。您可以使用

此

引用单击的元素

$(".examples>span").click(function() {   
    $(this).toggleClass('focused').find("div").fadeToggle("slow");    
});

如果类名称以

example

开头，则这将针对span子级。它将在该元素上切换

聚焦的

类，然后再移动find the child

div

并在其上缓慢切换

代码笔链接：

如果类名称以

example

开头，则这将针对span子级。它将在该元素上切换

聚焦的

类，然后再移动find the child

div

并在其上缓慢切换

---

---

代码笔链接：

您的演示仅显示每个

examplesX

类的一个元素。每个函数是否有多个？如何：为什么要用跨距包装div？上次单击函数是否有输入错误？@epascarello是的，但由于我没有在HTML中添加第三个跨距，因此我没有注意到这个问题。Tahnks用于指出。您的演示仅显示每个

examplesX

类的一个元素。每个函数是否有多个？如何：为什么要用跨距包装div？上次单击函数是否有输入错误？@epascarello是的，但由于我没有在HTML中添加第三个跨距，因此我没有注意到这个问题。我没有投反对票，但看看这个问题：

$（“.examples.example3”）

对

$（“.examples.example2div”）

生效（而不是对

$（“.examples.example3div”）

。@bwoebi:我敢打赌在创建代码示例时这是一个复制错误。@epascarlo我没有投反对票，但是我添加了一个不同的类——“NOTOGGLE”，当我点击它时，它仍然在切换？你说的NOTOGGLE是什么意思？你失去了我。请回答我关于主问题下打字错误的问题，这样就可以为其他人澄清你的问题。@harley:你的标记无效，并且你的

p

元素中有一个在结束标记中缺少它的

/

。我没有投反对票，但看看这个问题：

$（“。示例3”）

对

生效$(“.examples.example2 div”）

（而不是在

$（“.examples.example3 div”）

）。@bwoebi:我敢打赌在创建代码示例时这是一个复制错误。@epascarello我没有投反对票，但我添加了一个不同的类-“NOTOGGLE”“当我点击它时，它还在切换吗？不切换是什么意思？”？你失去了我。请回答我关于主问题下打字错误的问题，这样就可以为其他人澄清你的问题。@harley:你的标记无效，并且你的一个

p

元素在结束标记中缺少它的

/

。