获取input的值，可以使用val（）命令，
创建内容可以使用$（）
插入到ul可以使用appendTo（）来插入。
下面是一个示例：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-331js"></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>
首先获取到数据。在这里模拟创建一个数组用于测试数据集。
第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。
第三步，写入js控制代码，一开始通过remove动作先把原先的li表情清楚，接下来，使用jQuery的each方法遍历创建的data数据，并把遍历得到的数据通过append的方法加入到ul标签内。
第四步，进行验证。用浏览器打开此页面。
第五步，点击“点击加载数据”按钮。
：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。
2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。
3、在testhtml文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli
6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。
7、在浏览器打开testhtml文件，点击按钮，查看结果。
1、首先，需要JSTL-12的jar包，自行百度搜索下载。
2、将JSTL-12的jar包放入web工程的lib文件夹下。
3、在需要的遍历List的页面中引入JSTL的核心标签库。
4、使用<c:forEach><c:forEach/>标签遍历List数组。
5、items中使用EL表达式，来拿到List数组。
6、var用指定变量名来接收遍历数组的值。
7、利用EL表达式，将var中的值取出，即可。
8、展示效果。
<c:forEach var="i" items="${list}">
<tr><td>${i__}</td><td>${i__}</td></tr>
</>
以上就是关于使用JQ动态获取input里面的值，插入到ul中动态生成li，并且可以对其删除和修改全部的内容，包括:使用JQ动态获取input里面的值，插入到ul中动态生成li，并且可以对其删除和修改、如何使用jQuery动态加载UL标签中的li标签。、JS如何获取指定DIV下的子元素LI值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）