Javascript 多元素渐变

请我想为每个按钮应用fadeToggle，但它不适用于此方法，我尝试应用此方法，但未成功

这是HTML代码

   <div id="ajouter" class="dropdown">
        <ul>
            <li>
                <button class="projetbutton">Projet</button>
                <form class="projet" style="display:none">
                    <input type="text" />
                    <input type="submit" />
                </form>
            </li>

            <li>
                <button class="famillebutton">Famille</button>

                <form class="famille" style="display:none">
                    <input type="text" />
                    <input type="submit" />
                </form>
            </li>
        </ul>
    </div>

Projet


家族

这是应用于按钮的脚本

 <script>
var classElement = ["projet", "famille"];
var button = "button";
for (var i = 0; i < classElement.length; i++) {
    var classbutton = classElement[i].concat(button);

    $(document).ready(function () {
        $('.classbutton').click(function () {
            $(".classElement[i]").fadeToggle();
        });
    });
}
 </script>

var classElement=[“项目”、“家庭”]；
var button=“button”；
对于（var i=0；i

---

请确认是否有其他方法来完成该工作。

您可以利用元素和目标元素可用的各种DOM遍历方法之间的关系，然后执行所需的操作

使用公共类将单击处理程序与元素关联，这里使用的是

classbutton

，然后使用

.next（）

获取

表单

元素

$（文档）.ready（函数（）{
$（'.classbutton'）。单击（函数（）{
$（this.next（）.fadeToggle（）；
});
});



Projet


家族


试试$（“.projet.famile”）.fadeToggle（）；为要触发事件的所有元素指定一个公共类，然后使用它
jQuery
。或classElement.each（function（）{$（this）.fadeToggle（）；}）；请尝试
$（“+classElement[i]）。fadeToggle（）
的可能重复项