Javascript 使用“可选择”按钮将li项添加到列表中

列表项1

你不用Jquery也能做到，怎么做

• 创建一个按钮并给它idbtn以在javascript中选择它
• 按其id选择列表
• 例如，创建一个名为index的变量，以便在每次单击按钮时进行跟踪
• 当用户单击按钮时，增加索引并创建新的li元素
• 设置li的内容，最后将其附加到列表中

下面是完整的示例

const selectible=document.getElementById（'selective'）；
const button=document.getElementById（'btn'）；
设指数=1；
按钮。addEventListener（'单击'，（）=>{
索引++；
const li=document.createElement（'li'）；
li.textContent='列表项'+索引；
可选择。追加子项（li）；
});
添加
列表项1
你不用Jquery也能做到，怎么做


创建一个按钮并给它idbtn以在javascript中选择它
按其id选择列表
例如，创建一个名为index的变量，以便在每次单击按钮时进行跟踪
当用户单击按钮时，增加索引并创建新的li元素
设置li的内容，最后将其附加到列表中

下面是完整的示例


const selectible=document.getElementById（'selective'）；
const button=document.getElementById（'btn'）；
设指数=1；
按钮。addEventListener（'单击'，（）=>{
索引++；
const li=document.createElement（'li'）；
li.textContent='列表项'+索引；
可选择。追加子项（li）；
});
添加
列表项1
使用jQuery，您可以使用
append
函数在另一个元素后面插入一个元素：


$（'#添加'）。单击（函数（e）{
var itemid=$（'#list li:last'）.attr（'id'）；
var num=parseInt（itemid.substring（4，itemid.length），10）+1；
$（“#list li:last”）.append（“
列表项“+num+”
”）；
});

将项目添加到列表中

列出项目1
使用jQuery，您可以使用
append
函数在另一个元素后面插入一个元素：


$（'#添加'）。单击（函数（e）{
var itemid=$（'#list li:last'）.attr（'id'）；
var num=parseInt（itemid.substring（4，itemid.length），10）+1；
$（“#list li:last”）.append（“
列表项“+num+”
”）；
});

将项目添加到列表中

列出项目1
有一个使用jquery的例子吗？你可以不用jquery，但是如果你需要用jquery，算法是一样的，但是你只需要用jquery语法选择元素。有一个使用jquery的例子吗？你可以不用jquery，但是如果你需要用jquery，算法是相同的，但您只需要使用jquery语法选择元素。显示您尝试了什么