js获取li为选中状态下的内容,li可以选择多个

Question

类似图片这样，做了点击选中状态的效果，就是获取的多个内容搞不清楚
点击一个li的时候取到它的内容，但是点击多个li的时候，内容怎么取到，就是获取到的内容存成数组怎么做

Answer 1

1 定义一个数组，li绑定点击onclick事件，点击时获取li内容，jq就是.val() ，JS就是innerHTML；

2 每点击获取一个就push到数组里；

var myCont = [];
var lis = document.querySelectorAll('li');
for (var i =0; i<lis.length; i++){
    lis[i].i = i;
    lis[i].onclick = function(){
        var cont = this.innerHTML;
        myCont.push(cont);
        console.log(myCont);
    }
}

希望可以帮助到你，Jensonhui

The Harder You Work , The Luckier You Will Be .

Answer 2

使用选中事件，然后通过事件里面的event来获取当前元素的内容追问

能做到获取只点击一个li下面的内容，那多个li的内容该取到