使用JQ动态获取input里面的值,插入到ul中动态生成li,并且可以对其删除和修改
1个回答
展开全部
获取input的值,可以使用val()命令,
创建内容可以使用$()
插入到ul可以使用appendTo()来插入。
下面是一个示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<input type="text" name='box'>
<button>插入</button>
<ul></ul>
<script>
$('button').click(function() {
var text = $('input[name="box"]').val();
$('<li>' + text + '</li>').appendTo($('ul'));
});
</script>
</body>
</html>
更多追问追答
追问
这个我会,我只是不知道如何同时把后面的删除 修改 添加到每个动态生成的li后面。。。大佬能指导下吗?
追答
建议你在直接看文档
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询