使用JQ动态获取input里面的值,插入到ul中动态生成li,并且可以对其删除和修改

 我来答
a1104054723
2018-07-23 · TA获得超过190个赞
知道小有建树答主
回答量:562
采纳率:64%
帮助的人:230万
展开全部

获取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后面。。。大佬能指导下吗?
追答
建议你在直接看文档
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式