单击js后，将数字添加到事件按钮

Question

我需要帮助完成这个简单的任务。我有按钮，点击它后添加另一个li元素“项目X”。 x =跟随号码

<ul id="list">
<li>item 0</li>
</ul>
<button id="addElem">Add</button>

var flag = 0;
for (var i = 0; i < flag.length; i++) {}
var list = document.getElementById('list');
var add = document.getElementById('addElem');
add.addEventListener('click', function() {
var NewlistElem = document.createElement('li');
list.appendChild(NewlistElem).innerHTML += 'item' + flag[i];
})

Answer 1

var flag = document.getElementsByTagName('li'); // #1
flag=flag[flag.length-1].innerHTML; // #2
flag=parseInt(flag.match(/\d+/))+1; // #3

解释

• #1 - ＆gt;得到所有li元素
• #2 - ＆gt;选择last li元素的innerHTML
• #3 - ＆gt;使用regexp，使用parseInt获取数字并转换为Int并添加+ 1

var list = document.getElementById('list');
var add = document.getElementById('addElem');
add.addEventListener('click', function() {
var flag = document.getElementsByTagName('li');
flag=flag[flag.length-1].innerHTML;
flag=parseInt(flag.match(/\d+/))+1;
var NewlistElem = document.createElement('li');
list.appendChild(NewlistElem).innerHTML += 'item' + flag;
})

<ul id="list">
<li>item 0</li>
</ul>
<button id="addElem">Add</button>