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

如题所述

获取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后面。。。大佬能指导下吗?

追答

建议你在直接看文档

追问

谢谢。

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答