使用JavaScript在HTML列表中循环

如何循环查看

li

标签列表中的

ul

，以获取单击的

li

元素的

textContent

var ul    = document.getElementsByClassName('ul')[0];
var items = ul.getElementsByTagName('li');

$("li").on("click", function(){
    for (var i =0; i<items.length;i++) {
        console.log(items[i]);
    }
});

var ul=document.getElementsByClassName（'ul'）[0]；
var items=ul.getElementsByTagName（'li'）；
$（“li”）。在（“单击”，函数（）{
对于（var i=0；iKiluminati的答案应该可以做到这一点。
这就是它的工作原理：


$（'ul>li'）
创建一个由所有
li
组成的jQuery对象数组
jQuery方法
.on（）
将eventListener附加到DOM对象，在本例中，每个
li
元素
单击元素时，会触发eventListener并调用处理程序函数，将其
this
变量上下文绑定到单击的元素
$（“li”）。在（“单击”，function（）{console.log（$（this.text（））；}）；
解释得很清楚，谢谢！
$("ul > li").on("click", function(e){
   console.log(this.textContent);
});