JavaScript 循环中按钮点击事件处理程序为什么始终输出最后一个元素的值？

<h1>关于js的问题</h1>

这段HTML代码使用JavaScript定义了一组按钮和一个列表元素。点击按钮时，它会隐藏列表中除当前点击按钮对应的列表元素外的所有其他列表元素。但是，当点击按钮时，事件处理程序中，循环中i值始终输出6。

这是因为在给按钮添加事件处理程序时，i 已经递增到最后一个值（6）。当事件触发时，i 的值就是导致这个事件的最后一个元素的值。

因此，为了正确处理此问题，需要在事件处理程序中使用闭包来捕获闭包执行时的 i 的值。