Jquery：麻烦传递值（“点击”）

Question

因此，有两个部分a和b（对于此示例）。我希望每个部分都是可点击的，并且这样的操作会改变“显示”段落的值。

 <ul>
   <li id="a">A</li>
   <li id="b">B</li>    
 </ul>

 <p id="display"> </p>

所以，我在Jquery中写了这些行：

 var sectionsIdList = ["a", "b"];

 for (i = 0; i < sectionsIdList.length; i++) { 
   $("#"+sectionsIdList[i]).on("click", function() {
       $("#display").text("section : " + sectionsIdList[i]);
 });
 }

对我来说，在循环中执行这些操作非常重要。这个例子中只有2个部分，但我正在寻找N部分的扩展。

麻烦似乎是Jquery通过引用传递sectionsIdList [i]而不是值。但这只是一个猜测，我试过的所有事情都没有解决问题。

你有什么想法吗？

以下是上面提到的代码：

https://jsfiddle.net/Lk63auhg/

感谢您的帮助！