Javascript 函数只能运行一次。知道为什么吗？

Question

HTML

我正在尝试创建一个待办事项列表应用程序。我想让每个任务列表都通过淡入淡出的过渡来删除。我已经实现了，但我的代码的问题是它只隐藏了第一个 div 区域。

<div id="task">
            <input type="checkbox" id="completed">
            <h2>Buy some fruits</h2>
        </div>
        <div id="task">
            <input type="checkbox" id="completed">
            <h2>Buy some fruits</h2>
        </div>

JQuery

 $("#completed").change(function(){$("#item").fadeToggle("fast", "linear")});

Answer 1

不要在同一页面上使用多个id，而是使用class

<div class="task">
   <input type="checkbox" class="completed">
   <h2>Buy some fruits</h2>
</div>
<div class="task">
   <input type="checkbox" class="completed">
   <h2>Buy some fruits</h2>
</div>

 $(".completed").change(function(){$("#item").fadeToggle("fast", "linear")});

// same apply to your #item